html {font-family: monospace, Arial;}

input.input {border: 2px solid black; background-color: yellow; font-size: 20px; padding: 10px; border-radius: 10px; font-family: monospace, Arial; width: 100%;}
textarea.input {border: 2px solid black; background-color: yellow; font-size: 20px; padding: 10px; border-radius: 10px; margin-top:10px; font-family: monospace, Arial; width: 100%; height: 50%;}
input.button {border: 2px solid black; background-color: yellow; font-size: 20px; padding: 10px; border-radius: 10px; font-family: monospace, Arial; width: 30%;}
span.formtext {color:white; font-size: 5vw; }

/* mobile only =================================================================================================================================================================================*/

@media only screen and (max-width: 1080px) {

input.input {border: 0px solid black; background-color: yewllo; font-size: 6vw; padding: 10px; border-radius: 10px; font-family: monospace, Arial; width: 100%;}
textarea.input {border: 0px solid black; background-color: yellow; font-size: 5vw; padding: 10px; border-radius: 10px; margin-top:10px; font-family: monospace, Arial; width: 100%; height: 40vw;}
input.button {border: 2px solid black; background-color: yellow; font-size: 6vw; padding: 10px; border-radius: 10px; font-family: monospace, Arial; width: 30%;}
span.formtext {color:white; font-size: 5vw;}
  
}