*{box-sizing:border-box}:root{--blue:#2c3474;--pathLength:1420px}body,html{min-height:100%}body{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;inset:0;margin:0;overflow-x:hidden;padding:0;position:absolute}.recruitment{background:#f8faff;box-shadow:0 0 50px rgba(0,0,0,.2);margin:auto;max-width:960px;min-height:100%;padding:1px 2rem 2rem;position:relative}#teams-details{margin-top:6rem}img{display:block;max-width:100%}details{background:#fff;border:1px solid #ccc;margin:0 0 2rem;padding:0 .8rem}summary{cursor:pointer;padding:.8rem 0}details p{margin:1rem 0}details img{margin:.8rem 0}.details-wrap{display:flex;grid-gap:2rem;gap:2rem}.details-wrap>div{width:50%}.status-red{background:linear-gradient(180deg,rgba(255,165,0,.3137254901960784) 40px,#fff 80px)}.status-yellow{background:linear-gradient(180deg,rgba(255,255,0,.26666666666666666) 40px,#fff 80px)}h1{color:var(--blue);font-size:2.5rem;margin:12rem 4rem;text-align:center}.row{position:relative}.row--text{width:70%}#sticker-wrap{position:absolute;right:-120px;top:-120px}#sticker,#sticker-wrap{height:380px;width:380px}@keyframes sign{0%{stroke-dashoffset:var(--pathLength)}to{stroke-dashoffset:0}}#form{height:130px;right:200px;rotate:27deg;top:140px;width:130px}#form,#signature{position:absolute}#signature{filter:blur(.4px);left:74px;stroke-dasharray:var(--pathLength);stroke-dashoffset:var(--pathLength);top:219px;transform:rotate(11deg)}#signature svg{fill:none;stroke-linecap:round;stroke-width:8px;stroke:#000}#signature.signed{animation:sign 2s both}#volunteer{text-align:center;margin:6rem auto}#volunteer p{font-weight:500}.email{background:linear-gradient(181deg,#93b9ff,#00f);border-radius:19px;box-shadow:2px 2px 4px rgba(0,0,0,.26666666666666666);color:#fff;display:inline-block;margin:1rem;padding:.6rem 1.4rem .6rem 4rem;position:relative;text-decoration:none;text-shadow:1px 1px 2px #008}.email:focus,.email:hover{background:linear-gradient(181deg,#93b9ff,#33f)}.email svg{fill:#fff;position:absolute;transform:rotate(-12deg) scale(.65)}#svg1{filter:drop-shadow(2px 3px 4px #0006);left:15px;opacity:1;top:3px;transition:all .2s,opacity .2s}#svg2{filter:drop-shadow(2px 3px 6px #0009);left:14px;opacity:0;top:-6px;transition:all .2s,opacity .4s}.email:focus #svg1,.email:hover #svg1{opacity:0;top:-5px;transition:all .2s,opacity .4s}.email:focus #svg2,.email:hover #svg2{opacity:1;top:-10px;transition:all .2s,opacity .2s}footer{align-items:center;background:var(--blue);box-shadow:0 5px 60px var(--blue);display:flex;height:240px;justify-content:center;width:100%}footer a{display:inline-block;margin:1rem}footer svg{fill:#fff}footer svg:hover{fill:#cdf}@media (max-width:1100px){.recruitment{max-width:800px}}@media (max-width:820px){.recruitment{max-width:800px;padding:1px 1rem 5rem}.h1-wrap{align-items:center;display:flex;height:50vh;justify-content:center}h1{font-size:1.8rem;margin:0 1rem}.row{align-items:center;display:flex;flex-direction:column}.row--text{order:2;width:100%}#sticker-wrap{margin-bottom:calc(50vh - 380px);order:1;position:relative;right:0;top:0}.email{margin:1rem 0}.details-wrap{grid-gap:0;gap:0;flex-wrap:wrap}.details-wrap>div{width:100%}}@media (max-height:760px){.h1-wrap{height:45vh}#sticker-wrap{margin-bottom:calc(55vh - 380px)}}@media (max-height:680px){.h1-wrap{height:40vh}#sticker-wrap{margin-bottom:calc(60vh - 380px)}}@media (max-height:600px){.h1-wrap{height:35vh}#sticker-wrap{margin-bottom:calc(65vh - 380px)}}@media (max-width:440px){#sticker-wrap{transform:scale(.9)}}@media (max-width:380px){#sticker-wrap{transform:scale(.8)}}@media (max-width:320px){#sticker-wrap{transform:scale(.7)}}