:root{--color-red:#f50b0b;--color-light-gray:#d5d5d550}body{background-image:url(/background.jpg);background-size:cover;margin:0}#root{box-sizing:border-box;flex-direction:column;width:768px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.container{padding:0 20px}@media (width<=550px){.container{padding:0 10px}}a{text-decoration:none}@font-face{font-style:normal;font-weight:400;font-family:GreatVibes;font-display:swap;src:url(/font/GreatVibes-Regular.woff2)format("woff2"),url(/font/GreatVibes-Regular.woff)format("woff")}@font-face{font-style:normal;font-weight:400;font-family:Lobster;font-display:swap;src:url(/font/Lobster-Regular.woff2)format("woff2"),url(/font/Lobster-Regular.woff)format("woff")}.header{margin-bottom:20px;padding-top:40px}@media (width<=550px){.header{margin-bottom:10px;padding-top:15px}}.header-wrapper{grid-template-columns:64.15% 34.43%;column-gap:10px;padding:0 20px;display:grid}@media (width<=650px){.header-wrapper{grid-template-columns:1fr 1fr}}@media (width<=550px){.header-wrapper{flex-direction:column-reverse;padding:0 10px;display:flex}}@media (width<=550px){.header-school{display:none}}.header-school--img{object-fit:cover;width:100%}@media (width<=550px){.header-school--img{object-fit:cover;height:100%}}.header-logo--img{object-fit:contain;width:100%}.navbar{background:var(--color-light-gray);border-radius:15px;margin-bottom:20px;padding-top:15px;padding-bottom:15px;box-shadow:0 4px 4px #00000040,0 -4px 4px #00000040}.navbar-list{outline:none;justify-content:space-around;margin:0;padding:0;list-style:none;display:flex}.navbar-link{display:block}.navbar-link--wrapper{grid-template-columns:1fr;display:grid}.navbar-link--img,.navbar-link--bg{grid-area:1/1/2/2}.navbar-link--img img{filter:saturate(0);border-radius:50%;transition:box-shadow .3s,border-radius .3s;display:block}@media (width<=550px){.navbar-link--img img{width:75px;height:75px}}@media (width<=450px){.navbar-link--img img{width:50px;height:50px}}.navbar-link--bg{z-index:10;opacity:.5;background-color:gray;border-radius:50%;width:100%;height:100%;transition:opacity 1s}.active img{filter:saturate();border-radius:15px;box-shadow:0 4px 2px #00000040,4px 0 2px #00000040}@media (width<=550px){.active img{border-radius:10px}}.active .navbar-link--bg{opacity:0;border-radius:15px}