*{
    padding: 0;
    margin: 0;
}
body{
    background: #ccc;
    display: grid;
    place-items: center;
    min-height: 100vh;
}
#form{
    background: #dddd;
    width: 100%;
    max-width: 640px;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
label{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
input[type="text"],textarea{
    padding: 10px;

}
button{
    background: violet;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    font-size: medium;
}
#counter{
    font-weight: 800;
    padding: 5px;
}