*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;text-decoration:none;scroll-behavior:smooth;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;font-smooth:always!important}input:focus,select:focus,textarea:focus,button:focus{outline:none}button,input{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit}body{overflow-x:hidden;position:relative;background:#111;width:100vw;height:100%}body img{width:100%;height:auto;max-width:100%;max-height:100%}body a,body h1,body h2,body h3,body h4,body h5,body h6,body li{font-family:Archivo Black,sans-serif;font-weight:400;font-style:normal;color:#fff;text-align:center;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;font-smooth:always!important}body h1{font-size:52px;line-height:52px}body h2{font-size:32px;line-height:32px}body h3{font-size:28px;line-height:28px}body h4{font-size:24px;line-height:24px}body h5{font-size:22px;line-height:22px}body h6{font-size:20px;line-height:20px}body p,body li,body a,body label,body button{font-size:14px;line-height:18px;font-family:HELVETICA,cursive;color:#f6ce24;font-weight:500}body input,body textarea{font-size:14px;line-height:18px;font-family:HELVETICA,cursive;border:1px solid #1b1b1b;color:#fff;border-radius:15px;font-weight:500;background:#111;text-align:center;padding:7.5px}body li{font-size:18px}main.app__wrapper{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%}.header__wrapper{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;padding:15px;width:100%;height:auto;min-height:75px}@media screen and (max-width: 700px){.header__wrapper{justify-content:center;margin-bottom:25px;gap:15px}}.header__wrapper #sewer-logo{width:45px;height:45px}.navigation__wrapper{display:flex;justify-content:center;flex-direction:row;align-items:center;margin-right:15px;width:auto}@media screen and (max-width: 700px){.navigation__wrapper{margin-right:0}}.navigation__wrapper ul{display:flex;justify-content:center;flex-direction:row;align-items:center;width:auto;gap:15px}@media screen and (max-width: 700px){.navigation__wrapper ul{flex-wrap:wrap;height:auto}}.navigation__wrapper ul li a{transition:ease-in-out .15s;font-style:italic;color:#cacaca}.navigation__wrapper ul li a:hover{color:#f6ce24}.footer__wrapper{display:flex;justify-content:center;align-items:center;padding:15px;width:100%;height:75px}.footer__wrapper .footer__socials{display:flex;justify-content:center;align-items:center;height:auto;width:auto;gap:15px}.footer__wrapper .footer__socials svg{height:20px;width:auto;fill:#fff}.home__wrapper{display:flex;justify-content:space-between;flex-direction:column;align-items:center;height:100vh;width:100%}.home__wrapper .home__center{display:flex;justify-content:space-between;flex-direction:column;align-items:center}.home__wrapper .home__center h1{line-height:48px;margin-bottom:15px}.home__wrapper .home__center p,.home__wrapper .home__center button{font-style:italic}.home__wrapper .home__center button{color:#2e2e2e;border:1px solid #2e2e2e;transition:ease-in-out .15s;font-size:12px;padding:7.5px;font-weight:500;margin-top:15px;cursor:pointer}.home__wrapper .home__center button:hover{border:1px solid #f6ce24;color:#fff}.members__wrapper{display:flex;justify-content:space-between;flex-direction:column;align-items:center;height:100vh;width:100%;gap:15px}.members__wrapper h1{margin-bottom:15px}.members__wrapper .members__list{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;width:100%;gap:15px}.members__wrapper .members__list div.member__container{display:flex;justify-content:center;flex-direction:column;align-items:center;border:1px solid #1b1b1b;border-radius:15px;text-align:center;max-width:300px;padding:15px;gap:10px}.members__wrapper .members__list div.member__container img{filter:grayscale(100%);transition:ease-in-out .15s;border-radius:15px}.members__wrapper .members__list div.member__container img:hover{filter:grayscale(0%)}.members__wrapper .members__list div.member__container a,.members__wrapper .members__list div.member__container p:first-of-type{color:#cacaca;font-style:italic;font-weight:600;transition:ease-in-out .15s}.members__wrapper .members__list div.member__container a:hover,.members__wrapper .members__list div.member__container p:first-of-type:hover{color:#fff}.operationTimer__wrapper{display:flex;justify-content:space-between;flex-direction:column;align-items:center;height:100vh;width:100%;gap:15px}.operationTimer__wrapper .operationTimer__container{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;padding:15px;margin:15px;border-radius:15px;border:1px solid #2e2e2e}.operationTimer__wrapper .operationTimer__container p{padding:15px}.operationTimer__wrapper .operationTimer__container p:last-of-type{color:#fff;line-height:36px;font-weight:600;font-size:36px}.operationTimer__wrapper .operationTimer__container iframe{min-height:180px;max-width:100vw;min-width:320px;padding:15px}.operationTimer__wrapper .operationTimer__operations{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.operationTimer__wrapper .operationTimer__operations--item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#111;border:1px solid #2e2e2e;border-radius:10px;padding:15px;width:90%;max-width:600px;text-align:center}.operationTimer__wrapper .operationTimer__operations--item h3{margin:0 0 10px;font-size:24px;color:#2e2e2e}.operationTimer__wrapper .operationTimer__operations--item p{margin:5px 0;font-size:16px;color:#fff}.operationTimer__wrapper .operationTimer__operations--item #bold-text{font-weight:700}.tests__wrapper{display:flex;justify-content:space-between;flex-direction:column;align-items:center;height:100vh;width:100%;gap:15px}.tests__wrapper .tests__container{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:15px}.tests__wrapper .tests__container .color-box{width:290px;height:290px;background-color:h;border-radius:15px;cursor:pointer}.tests__wrapper .tests__container .red{background-color:red}.tests__wrapper .tests__container .green{background-color:green}.tests__wrapper .tests__container button{padding:10px 20px;font-size:18px;background-color:#111;color:#fff;width:290px;border:1px solid #2e2e2e;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.tests__wrapper .tests__container button:hover{background-color:#2e2e2e}.tests__wrapper .tests__container .reaction-time-display{font-size:24px;margin-top:20px}.tests__wrapper .tests__container .leaderboard__container{display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #2e2e2e;border-radius:15px;text-align:center;padding:15px;width:290px;margin:15px;gap:15px}.tests__wrapper .tests__container .leaderboard__container button{width:260px}.tests__wrapper .tests__container .leaderboard__container h2{font-family:HELVETICA,cursive;line-height:18px;font-size:18px}.tests__wrapper .tests__container .leaderboard__container ul li{display:flex;justify-content:center;align-items:center;font-size:14px;gap:5px}.tests__wrapper .tests__container .leaderboard__container ul li button{font-size:12px;height:20px;width:20px;padding:0}.apply__wrapper{display:flex;justify-content:space-between;flex-direction:column;align-items:center;height:100vh;width:100%}.apply__wrapper .apply__center{display:flex;justify-content:space-between;flex-direction:column;align-items:center;text-align:center;border:1px solid #1b1b1b;border-radius:15px;padding:15px}.apply__wrapper .apply__center h1{line-height:36px;font-size:36px}.apply__wrapper .apply__center p,.apply__wrapper .apply__center button{color:#2e2e2e;font-style:italic}.apply__wrapper .apply__center button{color:#2e2e2e;border:1px solid #2e2e2e;transition:ease-in-out .15s;font-size:12px;padding:7.5px;font-weight:500;margin-top:15px;cursor:pointer}.apply__wrapper .apply__center button:hover{border:1px solid #f6ce24;color:#fff}form{display:flex;flex-direction:column;padding-top:15px;max-width:525px;min-width:280px;gap:12.5px}form h1{margin-bottom:7.5px}form p{margin-bottom:10px}form div{display:flex;flex-direction:column;justify-content:center;gap:7.5px}form div input{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:12.5px}form div textarea{max-width:100%;max-height:225px;min-height:35px;min-width:100%}form .error{color:red;font-size:.875em}form .submission-status{margin-top:1em;font-size:1em;color:green}