@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;800&display=swap');
/*
@import url('https://fonts.googleapis.com/css2?family=Baumans&family=Tangerine&display=swap');
*/
html, body {
 height:100%; font-family:Mulish,Arial,Helv,sans-serif; /*FuturaRennerRegular,Baumans */
 margin:0; padding:0;
}
* { box-sizing:border-box; }

main { padding:24px; }

form:after {
 content:' '; display:block; clear:both;
}

label { display:block; margin-top:12px; }

input, select, textarea {
 width:100%; font-size:large; font-weight:bold; font-family:Mulish,Arial,Helv,sans-serif;/*FuturaRennerRegular,Baumans*/
 padding:5px; border-radius:8px;
}

input[size], input[type='checkbox'] { width:auto; margin-left:32px; }

textarea { height:240px; margin-bottom:16px; }

button, input[type='button'], input[type='submit'], .button {
 background:#4a4a4a; color:white; border: 1px solid #f2ba2b;
 display:block; text-align:center; text-decoration: none; line-height:48px;
 height:48px; border-radius:6px; padding:0;
}

.err { color:maroon; font-weight:bold; }

@media only screen and (min-width: 800px) {
form>div { width:49%; float:right; }
form>div:first-child { float:left; }
}