* {margin: 0;
padding: 0;
box-sizing: border-box;}

#form {width: 40%;
height: 60vh;
margin-top: 10vh;
margin-left: 30%;
border: solid 1px;
background-color: lightgreen;
}

#formulario {width: 100%;
height: 100%;
display: grid; 
grid-template-columns: 100px 400px;
row-gap: 2%;
justify-content: center;
align-items: baseline;
padding-top: 5%;}

input {border: 0px;
border-bottom: 1px solid;
display: flex;
align-items: flex-end;
vertical-align: bottom;
font-size: 16px;
width: 400px;}

input:hover {border: 1px solid; border-color: crimson;}

input:focus {outline: none;
border-color: #000;}

label {text-align: center;
font-size: 20px;
width: 100px;}

button {grid-column: 1/-1;
width: 50%;
display: flex;
justify-content: center;
align-items: center;
justify-self: center;
background-color: #fff;
height: 4vh;}

button:hover { cursor: pointer;
background-color: lightyellow;
transition: 1s;
transform: scale(1.1);}

p {border: solid 1px;
background-color: lightblue;
width: 10%;
height: 5vh;
display: none;
justify-content: center;
align-items: center;
position: absolute;
left: 45%;
top: 40%;}