@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Bold.ttf);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Italic.ttf);font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Medium.ttf);font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-SemiBold.ttf);font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:CoFo Robert;font-style:normal;font-weight:700;src:url(../fonts/CoFo_Robert-Bold.ttf)}:root{--primary-font: "CoFo Robert", serif;--secondary-font: "Montserrat", sans-serif;--clr: #000;--clr-80: #1B1B1B;--clr-60: #525050;--clr-40: #747171;--primary-clr: #E7FA4F;--bg: #F5F0F0;--bg-80: #E8E3E3;--bg-60: #CECACA;--primary: #003c3c;--primary-80: #3D6969;--secondary: #5bbebc;--secondary-80: #82CBC9;--tertiary-80: #ADCB4A;--tertiary-60: #749B46;--danger: #e75a5a;--danger-80: #EB8080;--danger-70: #EEA5A5;--danger-60: #F2CBCB;--pdd: 15px;--brd-rad: 8px;--disabled-bg: rgba(0, 0, 0, .15);--disabled-clr: #868686}*{box-sizing:border-box}h1,h2,h3{font-family:var(--primary-font)}button,input,textarea,body{font-family:var(--secondary-font);font-size:16px}body{margin:0;background:var(--bg)}footer{background:var(--bg-80)}a{color:var(--primary);transition:color .3s}a:hover{color:var(--primary-80)}input,textarea,button{border:1px solid transparent;border-radius:var(--brd-rad);cursor:pointer}button{padding:12px 20px;transition:background .3s;font-weight:600}button:disabled{cursor:not-allowed;pointer-events:none;user-select:none}button.primary{background:var(--primary);color:var(--bg)}button.primary:hover{background:var(--primary-80)}button.primary:disabled{background:#003c3c66;color:#d8e7dd}button.secondary{background:var(--secondary);color:var(--clr)}button.secondary:hover{background-color:var(--secondary-80)}button.secondary:disabled{background:#5bbebc66;color:var(--disabled-clr)}button.danger{background:var(--danger)}button.danger:hover{background-color:var(--danger-80)}button.danger:active{background-color:var(--danger-70);transform:scale(.97)}button.danger:disabled{background:#e75a5a66;color:var(--disabled-clr)}input,textarea{border:1px solid var(--bg-60);background:var(--bg-80);outline:none;transition:border-color .3s;padding:8px;width:100%}textarea{resize:none}textarea:focus,input:focus{border-color:var(--primary)}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid var(--bg-60);border-radius:4px;background:var(--bg-80);padding:0;outline:none;cursor:pointer;vertical-align:middle;position:relative;transition:background .25s ease,border-color .25s ease}input[type=radio]:hover,input[type=checkbox]:hover{border-color:var(--tertiary-60)}input[type=checkbox]:checked{background:var(--tertiary-80);border-color:var(--tertiary-60)}input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:5px;width:5px;height:10px;border:1px solid white;border-top:none;border-left:none;transform:rotate(45deg)}input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--bg-60);border-radius:50%;background:var(--bg-80);padding:0;outline:none;cursor:pointer;vertical-align:middle;position:relative;transition:background .2s ease,border-color .2s ease}input[type=radio]:checked{border-color:var(--tertiary-60)}input[type=radio]:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:100%;background:var(--tertiary-80);box-shadow:0 0 0 2px var(--primary-80),0 0 0 3px var(--tertiary-80)}.message{border:1px solid var(--bg-60);background:var(--bg-80);padding:var(--pdd);border-radius:var(--brd-rad)}.message.success{border-color:var(--tertiary-60);background:var(--tertiary-80)}.message.error{border-color:var(--danger);background:var(--danger-60)}.message.info{color:var(--clr-60);font-style:italic}nav{position:fixed;top:40px;left:50%;transform:translate(-50%);max-width:1000px;width:100%;display:flex;justify-content:space-between}footer{padding:5vw}