@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;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-wrapper button{background:#f5bc16;border:2px solid #3c2413;border-radius:50px;color:#fff;font-family:Gula,sans-serif;font-size:1.5rem;padding:.5rem 3rem}.mail-form .form-field{display:flex;gap:1rem;margin-bottom:1rem;width:100%}.mail-form .form-field label{font-family:Gula,sans-serif;font-size:max(20px,2vw);min-width:150px}.mail-form .form-field input{border:2px solid #3c2413;border-radius:20px;flex:1;font-size:1.25rem;outline:none;padding:5px 20px}