@font-face{font-display:swap;font-family:Gula;font-style:normal;font-weight:400;src:url(../fonts/gula/GulaFREE.eot);src:url(../fonts/gula/GulaFREE.eot?#iefix) format("embedded-opentype"),url(../fonts/gula/GulaFREE.woff2) format("woff2"),url(../fonts/gula/GulaFREE.woff) format("woff"),url(../fonts/gula/GulaFREE.ttf) format("truetype"),url(../fonts/gula/GulaFREE.svg#GulaFREE) format("svg")}body,html{margin:0;padding:0}.main,body,html{min-height:100vh}.main{align-items:center;background:linear-gradient(#01aed2,#fff);box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;padding:1rem;position:relative}.main:before{background:url(../images/woestijn.svg) no-repeat top;background-size:cover;bottom:0;content:"";height:40vh;left:0;min-height:40vh;min-width:100%;pointer-events:none;position:absolute;width:100%}.page-title{max-height:23vh;max-width:80vw;width:1000px}.mail-form{background:#ffffffbf;border:min(10px,1vw) solid #3c2413;border-radius:1rem;box-sizing:border-box;max-width:80vw;padding:2rem;width:800px;z-index:1}.mail-form .form-title{color:#3c2413;font-family:Gula,sans-serif;font-size:3rem;margin:0 0 2rem;text-align:center}.mail-form .form-wrapper{align-items:center;display:flex;flex-direction:column}.mail-form .form-field{display:flex;gap:1rem;margin-bottom:1rem;width:100%}@media(max-width:600px){.mail-form .form-field{flex-direction:column}}.mail-form .form-field label{font-family:Gula,sans-serif;font-size:clamp(2rem,40px,2vw);min-width:200px}.mail-form .form-field input{background:#fff;border:2px solid #3c2413;border-radius:20px;flex:1;font-size:1.25rem;min-width:0;outline:none;padding:5px 20px}.mail-form .form-field input:disabled{background:#eee}button{background:#f5bc16;border:2px solid #3c2413;border-radius:50px;color:#fff;cursor:pointer;font-family:Gula,sans-serif;font-size:1.5rem;padding:.5rem 3rem}button:disabled{background:#ead27a}.form-result{font-family:Gula,sans-serif;font-size:1.5rem;text-align:center}