@import"https://fonts.googleapis.com/css2?family=Hind:wght@300;400&family=Montserrat:wght@500;600;700&display=swap";.slider-container input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;border-radius:10px;background-color:#84a98c;outline:none;opacity:.7;transition:all .2s ease}.slider-container input[type=range]:hover,.slider-container input[type=range]:focus{opacity:1;box-shadow:0 0 3px #84a98c80}.slider-container input[type=range]:hover::-moz-range-thumb,.slider-container input[type=range]:focus::-moz-range-thumb{transform:scale(1.2)}.slider-container input[type=range]:hover::-webkit-slider-thumb,.slider-container input[type=range]:focus::-webkit-slider-thumb{transform:scale(1.2)}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background-color:#fff;border:none;box-shadow:3px 3px 3px #333;cursor:pointer;-webkit-transition:all .1s ease;transition:all .1s ease}.slider-container input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:white;border:none;box-shadow:3px 3px 3px #333;cursor:pointer;-moz-transition:all .1s ease;transition:all .1s ease}.slider-container .label-container{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 20px}.slider-container .label-container input[type=text]{border:none;font-size:1.5rem;font-weight:lighter;margin:0;width:35%;padding:5px 20px;text-align:right;background-color:transparent;color:#cad2c5}.slider-container .label-container input[type=text]:focus{outline:none}.slider-container .label-container span{position:absolute;right:-10px;bottom:0;font-size:.9rem}.container-checkbox{display:flex;align-items:center;margin-top:20px}.container-checkbox label{margin-right:20px}.container-checkbox .checkbox-wrapper .tgl{display:none}.container-checkbox .checkbox-wrapper .tgl+.tgl-btn{outline:0;display:block;width:4em;height:2em;position:relative;cursor:pointer;opacity:.7;box-shadow:shadow}.container-checkbox .checkbox-wrapper .tgl+.tgl-btn:hover,.container-checkbox .checkbox-wrapper .tgl+.tgl-btn:focus{opacity:1}.container-checkbox .checkbox-wrapper .tgl+.tgl-btn:after,.container-checkbox .checkbox-wrapper .tgl+.tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}.container-checkbox .checkbox-wrapper .tgl+.tgl-btn:after{left:0}.container-checkbox .checkbox-wrapper .tgl+.tgl-btn:before{display:none}.container-checkbox .checkbox-wrapper .tgl:checked+.tgl-btn:after{left:50%}.container-checkbox .checkbox-wrapper .tgl-skewed+.tgl-btn{overflow:hidden;transform:skew(-10deg);backface-visibility:hidden;transition:all .2s ease;background:#2f3e46}.container-checkbox .checkbox-wrapper .tgl-skewed+.tgl-btn:after,.container-checkbox .checkbox-wrapper .tgl-skewed+.tgl-btn:before{transform:skew(10deg);display:inline-block;transition:all .2s ease;width:100%;text-align:center;position:absolute;line-height:2em;font-weight:700;color:#cad2c5;text-shadow:0 1px 0 rgba(0,0,0,.4)}.container-checkbox .checkbox-wrapper .tgl-skewed+.tgl-btn:after{left:100%;content:attr(data-tg-on);color:#fff}.container-checkbox .checkbox-wrapper .tgl-skewed+.tgl-btn:before{left:0;content:attr(data-tg-off)}.container-checkbox .checkbox-wrapper .tgl-skewed:checked+.tgl-btn{background:#84a98c}.container-checkbox .checkbox-wrapper .tgl-skewed:checked+.tgl-btn:before{left:-100%}.container-checkbox .checkbox-wrapper .tgl-skewed:checked+.tgl-btn:after{left:0}.color-container{display:flex;align-items:center;margin-top:20px}.color-container input[type=color]{background-color:#2f3e46;border:none;border-radius:5px;width:60px;height:45px;padding:5px 10px;opacity:.8;transition:all .2s ease;cursor:pointer}.color-container input[type=color]:hover,.color-container input[type=color]:focus{background-color:#84a98c;opacity:1;box-shadow:0 0 3px #84a98c80;padding:3px 5px;outline:none}.color-container label{margin-right:20px}.demo-box-container{margin-top:20px;color:#cad2c5}.demo-box-container .demo-box{width:90%;min-height:300px;margin-left:auto;display:flex;align-items:center;justify-content:center;position:relative;background-position:center;background-size:cover}.demo-box-container .demo-box.background-radial{background-image:radial-gradient(circle farthest-corner at center center,#84a98c 25%,#354f52 95%)}.demo-box-container .demo-box p{color:#111;font-size:3rem;padding:0 20px;text-align:center}.demo-box-container .demo-box button{position:absolute;top:0;right:0;margin-top:10px;margin-right:10px;background-color:#cad2c5;color:#2f3e46;border-radius:10px;box-shadow:3px 3px 3px #333;font-size:1.5rem;opacity:.7;border:5px outset #2f3e46;transition:all .2s ease}.demo-box-container .demo-box button:hover{background-color:#fff;color:#333;opacity:1}.demo-box-container .demo-box button.active{transform:translate(2px,2px);box-shadow:none}.demo-box-container .copy-container{display:flex;align-items:center;justify-content:space-between;background-color:#2f3e46;margin:100px 0 0 auto;width:90%;border-radius:10px;padding:5px 20px;box-shadow:3px 3px 3px #333}.demo-box-container .copy-container p{margin-right:20px;z-index:1}.demo-box-container .copy-container p span{display:block}.demo-box-container .copy-container .copy-btn-container{text-align:center;width:20%;cursor:pointer;transition:all .2s ease;opacity:.7;margin-bottom:5px}.demo-box-container .copy-container .copy-btn-container:hover,.demo-box-container .copy-container .copy-btn-container:focus{color:#fff;opacity:1;outline:none}.demo-box-container .copy-container .copy-btn-container button{background-color:transparent;border:none;color:#cad2c5;font-size:2rem;margin-top:10px;cursor:pointer}.demo-box-container .copy-container .copy-btn-container button:focus{color:#fff;opacity:1}.demo-box-container .copy-container .copy-btn-container span{display:block;font-size:.8rem}button[type=reset]{background-color:#2f3e46;border:none;padding:10px;color:#cad2c5;border-radius:10px;font-size:1.3rem;margin-top:20px;opacity:.7;transition:all .2s ease;box-shadow:3px 3px 3px #333;cursor:pointer}button[type=reset]:hover,button[type=reset]:focus{opacity:1;color:#fff;outline:none}button[type=reset].active{transform:translate(4px,4px);box-shadow:none}.select-container{margin-top:20px}.select-container select,.select-container option{font-size:1rem;font-family:inherit}.select-container label{margin-right:20px}.select-container select{background-color:#2f3e46;border:none;padding:10px;border-radius:10px;color:#cad2c5;opacity:.7;box-shadow:3px 3px 3px #333;transition:all .3s ease}.select-container select:hover,.select-container select:focus{opacity:1;outline:none}.container-input{margin-top:20px}.container-input label{margin-right:20px}.container-input input[type=text]{background-color:#84a98c;border:none;padding:10px;font-size:1.2rem;border-radius:10px;color:#2f3e46;opacity:.7;transition:all .2s ease}.container-input input[type=text]:hover,.container-input input[type=text]:focus{opacity:1;box-shadow:0 0 3px #84a98c80}.container-input input[type=text]:focus{outline:none}.double-btn-container button{font-weight:400;font-size:1.1rem;padding:10px;background-color:#2f3e46;color:#cad2c5;opacity:.7;cursor:pointer;transition:all .2s ease;border-color:#84a98c;border-style:solid;margin-top:20px;box-shadow:0 0 3px #84a98c80}.double-btn-container button:hover,.double-btn-container button:focus{color:#fff;opacity:1;outline:none}.double-btn-container button.active{opacity:1;color:#fff;background-color:#354f52;cursor:default;font-weight:600}.double-btn-container button:first-child{border-radius:10px 0 0 10px;border-right:none}.double-btn-container button:last-child{border-radius:0 10px 10px 0;border-left:none}.container{max-width:1200px;width:80%;margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.col-2{display:grid;grid-template-columns:1fr 1fr}.title-link,.underline-link{position:relative}.title-link:after,.underline-link:after{content:"";position:absolute;transform-origin:bottom right;transition:transform .2s ease-out;transform:scaleX(0);left:5%;width:90%}.title-link:hover:after,.underline-link:hover:after,.title-link:focus:after,.underline-link:focus:after{transform:scaleX(1);transform-origin:bottom left}.underline-link{padding:0 10px}.underline-link:after{height:1px;bottom:0;background-color:#cad2c5}.title-link{font-size:3rem;display:inline-block;margin:0 auto;padding:10px 40px;color:#2f3e46;transition:all .2s ease}.title-link:hover{color:#333}.title-link:after{height:2px;bottom:20px;background-color:#2f3e46}.wave{position:absolute;bottom:140px;left:0;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}h2{text-align:center;color:#2f3e46;font-weight:600;text-transform:uppercase;margin-bottom:40px}h2+p{text-align:center}h3{font-family:Hind,sans-serif;color:#2f3e46;font-weight:400;font-size:1.8rem}label,button{font-family:Montserrat,sans-serif;font-weight:600}*{box-sizing:border-box}body{font-family:Hind,sans-serif;font-size:1.2rem;background-color:#cad2c5;margin:0;overflow-x:hidden}body main{min-height:70vh;position:relative}body a{color:inherit;text-decoration:none;opacity:.9;transition:all .2s ease;display:inline-block}body a:hover,body a:focus{opacity:1;color:#fff;outline:none}body a.active{font-weight:bolder;opacity:1}header{background-color:#2f3e46;margin-bottom:20px;color:#cad2c5;overflow:hidden}header>div{display:flex;align-items:center;justify-content:space-around}nav{margin-left:20px}nav button{font-size:2.5rem;background-color:transparent;border:none;padding:10px;display:flex;align-items:center;color:#cad2c5;opacity:.8;margin:10px 0 10px auto;border-radius:10px;transition:opacity .2s ease,color .2s ease,box-shadow .2s ease}nav button:hover,nav button:focus{opacity:1;color:#fff;outline:none;box-shadow:0 0 3px #84a98c80}nav ul{list-style:none;display:flex;align-items:center;justify-content:center;margin:0;flex-direction:column;background-color:#354f52;border-radius:10px;box-shadow:0 0 3px #84a98c80;width:40vw;max-width:400px;min-width:150px}nav ul li{display:inline-block}footer{background-color:#2f3e46;margin-top:20px;padding:1px 0;color:#cad2c5;text-align:center;position:relative}footer p{margin-bottom:0}footer p a{font-size:1.4rem}footer p+a{margin-top:10px;font-size:3rem}#home-section{display:flex;flex-direction:column;flex-direction:center;align-items:center}#home-section div{width:100%;text-align:center;display:flex;align-items:center;justify-content:center;margin-bottom:60px}#home-section div video{padding:5px;border-radius:10px;background-color:#2f3e46;max-height:200px;max-width:350px;margin:0 100px}#error-section{text-align:center}form{border-radius:10px;padding:20px;background-color:#354f52;color:#cad2c5;box-shadow:3px 3px 3px #333;z-index:1}@media screen and (max-width: 1000px){.col-2{grid-template-columns:1fr}.demo-box-container{margin-top:50px}.demo-box-container .demo-box{margin:0 auto}.demo-box-container .copy-container{margin:70px auto 0}#home-section div{flex-direction:column}#home-section div:nth-child(3){flex-direction:column-reverse}}@media screen and (max-width: 600px){body{font-size:1.1rem}.container{width:90%}}