.container{max-width:1150px;margin:auto;overflow:hidden;padding:1rem 2rem}.py-1{padding:1rem 0}.py-2{padding:2rem 0}.py-3{padding:3rem 0}.py-4{padding:4rem 0}.my-1{margin:1rem 0}.my-2{margin:2rem 0}.my-3{margin:3rem 0}.my-4{margin:4rem 0}.btn{display:inline-block;color:#2968b9;background:#ffd100;-webkit-appearance:none;padding:1rem;border-radius:0.5rem;-webkit-border-radius:0.5rem;font-weight:bold;-webkit-transition:all 0.5s;transition:all 0.5s;cursor:pointer}.btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background:#9ac4e7;color:#2968b9;border:1px #2968b9 solid}.btn-light:hover{background:#dde6ee}.bottom-line{border-bottom:0.15rem #fff solid;width:20rem;margin:0 auto 1rem auto;padding-top:1rem}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Roboto", sans-serif;line-height:1.6;color:#f7f9ff;font-size:1.2rem}a{text-decoration:none;color:inherit;cursor:pointer}li{list-style:none}img{width:100%}h1{font-size:4.5rem;line-height:1.1;padding:1rem 0}p{padding-bottom:1rem}input,textarea{-webkit-appearance:none}#main-nav{overflow:hidden;background:rgba(221,230,238,0.7);width:100%;height:80px;position:fixed;top:0;z-index:2}#main-nav .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;padding:0 3rem}#main-nav .container .logo{font-size:2.5rem;color:#2968b9}#main-nav .container ul{display:-webkit-box;display:-ms-flexbox;display:flex}#main-nav .container ul li{padding:1rem 1.2rem}#main-nav .container ul a{font-size:1.1rem;border-bottom:3px transparent solid;-webkit-transition:border-color 0.8s;transition:border-color 0.8s;padding:0.2rem 0.5rem;color:#2968b9;font-weight:700}#main-nav .container ul a.survey_label{background:#ffd100;padding:0.4rem 0.9rem;border-radius:5rem}#main-nav .container ul a:hover{border-color:#2968b9;color:#163966}#header-home .header-content{height:100vh;background:#9ac4e7;position:relative;overflow:hidden}#header-home .header-content::before{content:"";background:url("../img/abstract_final.png") no-repeat center center/cover;position:absolute;width:100vw;height:80vh;left:0;bottom:2rem}#header-home .header-content .grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 0.85fr;grid-template-columns:1fr 0.85fr;text-align:start;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#header-home .header-content .grid-1{position:relative;padding:0 1rem;z-index:1}#header-home .header-content .grid-1::after{position:absolute;content:"";background:#2968b9;bottom:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.3;border-radius:1rem;-webkit-box-shadow:5px 5px 10px 0px rgba(0,0,0,0.55);box-shadow:5px 5px 10px 0px rgba(0,0,0,0.55)}#header-home .header-content .grid-1 h1{font-weight:bold;color:#ffd100}#header-home .header-content .grid-1 p{max-width:40ch;font-weight:500}#about{background:#00437a;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#about .container{display:-ms-grid;display:grid;-ms-grid-columns:1fr 0.7fr;grid-template-columns:1fr 0.7fr;position:relative;gap:1rem}#about .container-1{text-align:start;padding:5rem 1rem 1rem 1rem}#about .container-1::after{position:absolute;content:"";background:url("../img/bell-white-transparent.png") no-repeat center center/cover;top:15%;left:20%;height:80%;width:14rem;opacity:0.15;pointer-events:none}#about .container-1 .bottom-line{margin:0;width:5rem;padding:0}#about .container-1 .about-content{padding-top:3rem;padding-bottom:3rem}#about .container-1 .about-content h1{padding-top:4rem;font-size:2.5rem}#about .container-1 .about-content p a{text-decoration:underline}#about .container-1 .about-content p a:hover{color:#7fb3e4}#about .container-2 .about-photo{background:url("../img/mug-2.png") no-repeat center center/cover;opacity:0.9;height:19rem;width:19rem;margin:16rem 1rem 1rem 2rem}#about .container-2 .socials{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:2rem;justify-self:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:1rem}#about .container-2 .socials i{font-size:2rem}#questions{background:#9ac4e7;color:#333}#questions .container{max-width:800px;padding:8rem 4rem}#questions .container .instructions h2{padding-bottom:1rem}#questions .container form .question-container{width:100%;height:auto;background:#dde6ee;padding:1.5rem;border-radius:1.5rem;border:none}#questions .container form .question-container p{padding-top:1rem;padding-bottom:0;font-size:1.1rem;line-height:2rem}#questions .container form .question-container .answers{padding-top:2rem;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);gap:1.5rem}#questions .container form .question-container .answers .answer input[type="checkbox"],#questions .container form .question-container .answers .answer input[type="radio"]{display:none}#questions .container form .question-container .answers .answer label,#questions .container form .question-container .answers .answer input[type="text"],#questions .container form .question-container .answers .answer textarea{background:#f7f9ff;cursor:pointer;display:block;border-radius:1.2rem;padding:0.8rem 1rem 0.8rem 1rem;font-size:1.1rem;text-align:start;-webkit-box-shadow:2px 2px 6px -2px rgba(175,175,175,0.86);box-shadow:2px 2px 6px -2px rgba(175,175,175,0.86);-webkit-transition:background 0.3s ease-in;transition:background 0.3s ease-in}#questions .container form .question-container .answers .answer label:hover,#questions .container form .question-container .answers .answer input[type="text"]:hover,#questions .container form .question-container .answers .answer textarea:hover{border:1px solid #00437a;background:#c4d3ff}#questions .container form .question-container .answers .answer input[type="text"]{border:none;width:100%;height:100%}#questions .container form .question-container .answers .answer input[type="text"]:focus{outline-color:#2968b9;background:#ffdf4d}#questions .container form .question-container .answers .answer textarea{border:none;width:100%;max-width:21rem;min-height:3.2rem;height:3.2rem}#questions .container form .question-container .answers .answer textarea:focus{outline-color:#2968b9;background:#ffdf4d}#questions .container form .question-container .answers .answer input[type="radio"]+label{position:relative;z-index:1}#questions .container form .question-container .answers .answer input[type="radio"]+label:hover{color:#f7f9ff;-webkit-transition:color 0.3s ease-out;transition:color 0.3s ease-out;border:none;background:#f7f9ff}#questions .container form .question-container .answers .answer input[type="radio"]+label:hover::before{right:0}#questions .container form .question-container .answers .answer input[type="radio"]+label::before{content:"";position:absolute;background:#00437a;border-radius:1.2rem;bottom:0;left:0;right:100%;top:0;z-index:-1;-webkit-transition:right 0.3s ease-in;transition:right 0.3s ease-in}#questions .container form .question-container .answers .answer input[type="checkbox"]:checked+label,#questions .container form .question-container .answers .answer input[type="radio"]:checked+label{background-color:#00437a;color:#f7f9ff}#questions .container form .question-container .answers.feedback{display:block}#questions .container form .question-container .answers.feedback textarea{max-width:100%}#questions .container form .submit-holder{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;text-align:center}#questions .container form .submit-holder input{width:40%;font-size:1.1rem;outline:none;border:none;-webkit-appearance:none}#questions .container form .submit-holder input:hover{border:1px #2968b9 solid}@media (max-width: 820px){h1{font-size:4rem}#header-home .header-content{height:100vh}#header-home .header-content::before{height:60%}#header-home .header-content .grid{-ms-grid-columns:1fr;grid-template-columns:1fr;height:90vh}#header-home .header-content .grid-1{padding:0 2rem}#header-home .header-content .grid-2{display:none}#about .container-2 .about-photo{height:15rem;width:15rem}}@media (max-width: 700px){#about .container{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr 0.5fr;grid-template-rows:1fr 0.5fr}#about .container-1{padding:4rem 0 1rem 0}#about .container-1::after{top:5rem;left:24%;opacity:0.1}#about .container-1 .about-content h1{font-size:2rem}#about .container-1 .about-content p{font-size:1.2rem}#about .container-2 .about-photo{margin:auto}#about .container-2 .socials{margin:0;width:100%;height:8rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width: 540px){#main-nav{height:5.5rem}#main-nav .container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem}#main-nav .container ul li{padding:1rem 0.5rem}#header-home .header-content{height:100vh}#header-home .header-content::before{height:20rem}#header-home .header-content .grid-1{padding:0 1rem}#header-home .header-content .grid-1 h1{font-size:3rem}#header-home .header-content .grid-1 h1 p{font-size:1.5rem}#about .container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr 0.5fr;grid-template-rows:1fr 0.5fr}#about .container-1{padding:4rem 0 1rem 0}#about .container-1::after{top:5rem;left:24%;opacity:0.1}#about .container-1 .about-content h1{font-size:2rem}#about .container-1 .about-content p{font-size:1.2rem}#about .container-2 .about-photo{margin:auto}#about .container-2 .socials{margin:0;width:100%;height:8rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#questions .container{padding-left:1.5rem;padding-right:1.5rem}#questions .container .instructions{padding:0 1rem}#questions .container form .question-container .answers{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr;grid-template-rows:1fr}#questions .container form .submit-holder input{width:90%}}@media (max-height: 580px){#main-nav{height:4.3rem}#header-home .header-content::before{height:70vh;bottom:1rem}#header-home .header-content .grid-1{margin-top:3.5rem;margin-bottom:1rem}#header-home .header-content .grid-1 h1{font-size:3rem}#header-home .header-content .grid-1 p{padding-bottom:0}#questions .container form .submit-holder input{width:90%}}@media (max-height: 580px) and (max-width: 950px){#header-home .header-content::before{height:90vh;bottom:0.5rem}}@media (max-width: 320px){#main-nav{height:4.5rem}#main-nav .container{padding:0 0.5rem}#main-nav .container .logo{font-size:2rem}#main-nav .container ul li{padding:1rem 0.1rem}#main-nav .container ul li a{font-size:1rem}#header-home .header-content{padding-top:2rem}#about .container-1{padding-top:2rem}#about .container-1::after{left:10%}#about .container-1 .about-content{padding:1rem 0}#about .container-1 .about-content h1{font-size:1.5rem}#about .container-1 .about-content p{font-size:1.1rem}#questions .container{padding-left:1rem;padding-right:1rem}#questions .container .instructions p{font-size:1.1rem}#questions .container form .question-container{padding:1rem}#questions .container form .question-container h3{font-size:1.3rem}#questions .container form .question-container p{padding-top:0.3rem;font-size:1rem}#questions .container form .question-container .answers{gap:1rem}#questions .container form .question-container .answers .answer label,#questions .container form .question-container .answers .answer input[type="text"],#questions .container form .question-container .answers .answer textarea{font-size:1rem}}