*{margin:0;font-family:Montserrat,sans-serif}html{flex-direction:column;min-height:100vh;display:flex}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;padding-top:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (width<=768px){body{padding-top:20px}}main{margin-bottom:10px}#root{flex-direction:column;min-height:100vh;margin:0 auto;display:flex}header{background-color:#eef4ed;border-radius:20px;justify-content:center;margin:0 auto 20px;padding:10px 100px}@media (width<=768px){header{border-radius:10px;margin-bottom:10px;padding:10px 20px}}header a{text-decoration:none}header h1{color:#8da9c4}@media (width>=1440px){header h1{font-size:36px}}@media (width>=768px) and (width<=1440px){header h1{font-size:24px}}@media (width<=768px){header h1{font-size:18px}}.container__filterBar{flex-flow:wrap;justify-content:center;gap:10px;margin:10px;display:flex}@media (width<=1024px){.container__filterBar{flex-direction:column}}.container__filterBar-subBar{flex-direction:row;gap:10px;display:flex}.container__filterBar-subBar :hover{cursor:pointer;color:#134074;background-color:#fff;border:2px solid #134074}@media (width<=1024px){.container__filterBar-subBar{justify-content:center}}@media (width<=768px){.container__filterBar-subBar{flex-direction:column}}.container__filterBar-filterElement{color:#fff;text-align:center;background-color:#134074;border:2px solid #134074;border-radius:10px;align-content:center;height:40px;padding:0 15px}.container__filterBar .active{color:#134074;background-color:#fff;border:2px solid #134074}.container__main-timescales{flex-direction:column;gap:85px;margin:65px 5px 0;display:flex}.container__timeScale_hour{color:#fff;background-color:#13315c;border-radius:5px;flex-direction:column;justify-content:space-between;width:30px;height:110px;margin-bottom:5px;padding:5px;display:flex}.container__timeScale_hour p{font-size:12px}@media (width<=768px){.container__timeScale_hour p{font-size:10px}}.timeScale1{display:none}@media (width<=768px){.timeScale1{display:block}}.timeScale2{display:none}@media (width<=1024px){.timeScale2{display:block}}.timeScale3{display:none}@media (width<=768px){.timeScale3{display:block}}@media (width>=1024px) and (width<=1440px){.timeScale3{display:block}}.timeScale4{display:none}@media (width<=1024px){.timeScale4{display:block}}@media (width>=1440px) and (width<=1768px){.timeScale4{display:block}}article{color:#000;text-align:center;background-color:#8da9c4;border-radius:10px;flex-direction:column;height:100px;margin-bottom:5px;padding:10px 5px;display:flex}article h3{font-size:12px;font-weight:700}@media (width<=768px){article h3{font-size:10px}}article h4{margin-top:5px;font-size:10px;font-style:italic}@media (width<=768px){article h4{font-size:8px}}article .classId{color:#0b2545;margin:5px 0;font-size:14px;font-weight:700}article .room{font-size:10px}article .container__course{flex-direction:column;justify-content:flex-start;height:100%;display:flex}article .container__room-week{flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;display:flex}article .container__room-week .week{background-color:#fff;border-radius:10px;align-content:center;width:20px;height:20px;margin-left:auto;font-size:10px;font-weight:700}@media (width<=768px){article .container__room-week .week{width:16px;height:16px;font-size:10px}}.container__course--inactive{background-color:#fff}section{color:#000;background-color:#eef4ed;width:16%;padding:10px}@media (width>=1440px) and (width<=1768px){section{width:21%}}@media (width>=1024px) and (width<=1440px){section{width:28%}}@media (width>=768px) and (width<=1024px){section{width:42%}}@media (width<=768px){section{width:80%}}section h2{text-align:center;text-transform:capitalize;color:#fff;background-color:#13315c;border-radius:15px;align-content:center;height:25px;padding:10px;font-size:16px;font-weight:700}section .container__day{flex-direction:row;justify-content:space-between;margin-top:10px;display:flex}section .container__day-AandB{width:48%}section .container__day-AorB{width:100%}.container__main{flex-direction:row;display:flex}.container__timetables{flex-flow:wrap;justify-content:space-evenly;gap:10px;margin:auto;display:flex}@media (width<=768px){.container__timetables{padding:0}}.container__error{flex-direction:column;align-items:center;padding:0 30px;display:flex}.container__error h1{color:#134074;margin:80px auto;font-size:288px}@media (width<=768px){.container__error h1{font-size:96px}}@media (width>=768px) and (width<=1024px){.container__error h1{font-size:192px}}.container__error h2{color:#134074;text-align:center;margin:0 auto;font-size:36px;font-weight:500;line-height:26px}@media (width<=768px){.container__error h2{font-size:18px}}@media (width>=768px) and (width<=1024px){.container__error h2{font-size:24px}}.container__error-link{color:#000;text-align:center;margin:120px auto 100px;font-size:18px;text-decoration:underline}@media (width<=768px){.container__error-link{font-size:14px}}@media (width>=768px) and (width<=1024px){.container__error-link{font-size:16px}}footer{text-align:center;background-color:#000;margin-top:auto;padding:20px 30px}footer p{color:#fff;text-align:center;font-size:12px;font-weight:500}@media (width>=768px) and (width<=1024px){footer p{font-size:12px}}