.footer{background-color:#1c1c1c;color:var(--off-white);padding:1rem;text-align:center;width:100%;overflow:hidden}.footer,.footer-content{display:flex;flex-direction:column;align-items:center}.footer-content{justify-content:center;width:60%;max-width:1200px}.footer-logo{color:rgb(255,255,255)}.footer-logo img{height:2rem;width:auto}.footer-contact a{color:white;text-decoration:none}.footer-link{display:flex;justify-content:space-between;align-items:center;align-self:center;justify-self:center;width:100%;list-style:none;padding:0}.footer-link a,.footer-link li{display:flex;justify-content:center;align-items:center;gap:10px;color:white;transition:transform .3s ease,color .3s ease;text-decoration:none;font-size:.8rem;p{font-size:.6rem}}.footer-pipe{font-weight:100}.footer-bottom{display:flex;flex-direction:column;align-items:center;width:auto;color:white}.footer-line{border-top:1px solid #696969;width:40vw;margin:20px}@media screen and (max-width:1000px){.footer-link a,.footer-link li{font-size:1rem;p{display:none}}}.navbar{display:flex;justify-content:center;align-items:center;position:fixed;top:0;background-color:rgba(22,22,22,.5);border-bottom:2px solid rgb(161,161,161,.2);width:100vw;z-index:10000000}.navbar ul{width:88%;display:flex;justify-content:space-between;list-style:none;padding:0;margin:0}.navbar li{display:flex;align-items:center}.navbar img{width:2rem;height:auto}.nav-wrapper{display:flex;justify-content:end;align-items:center;gap:2rem;width:100%}.nav-link{display:flex;padding:0 1rem;width:20%;align-items:end;justify-content:space-between}.hamburger-button,.navbar a{color:#FAF9F6;font-size:1rem;font-weight:lighter;display:flex;align-items:center;text-decoration:none;background:none;border:none;cursor:pointer;z-index:100;transition:.2s}.nav-wrapper a:hover{color:#00bfff}.nav-link a:hover{transform:scale(1.1)}.nav-icon{font-size:1rem}.hamburger-checkbox{display:none}.hamburger-button{cursor:pointer;z-index:8;font-size:1.6rem;font-weight:100}.dropdown-menu{position:fixed;top:-100%;left:0;width:100vw;height:100vh;background-color:#1d1d1d;color:white;display:flex;flex-direction:column;transition:top .4s ease,opacity .2s ease;padding:2.5rem 2rem;overflow-y:scroll;text-align:left;z-index:2;opacity:0}.dropdown-item{text-decoration:none;display:flex;flex-direction:column;transition:.8s;opacity:0;hr{opacity:.2;width:100%}h1{font-weight:600}h1,h2{font-size:1rem;margin:0}h2{font-weight:400}}.course-list{display:flex;justify-content:center;width:100%;min-height:2rem;height:auto;flex-direction:column}.dropdown-item:hover{color:#00bfff;transition:color .3s ease}.dropdown-menu.active .dropdown-item{opacity:1;transform:translateY(0)}.hamburger-checkbox:checked~.dropdown-menu{top:0;opacity:.98;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hamburger-checkbox:checked~.dropdown-menu .dropdown-item{opacity:1}.about{color:var(--blue)}.about:hover{font-size:1.2rem;color:#ffdc5c}.login{background:none;color:var(--blue);font-size:1.17rem;border:none;display:flex;align-items:center;font-weight:600}.login:hover{font-size:1.2rem;color:#ffdc5c}hr{opacity:.2}.login-container{display:flex;justify-content:start;gap:.5rem;img{margin-top:10px;margin-bottom:10px}img:hover{transform:scale(1.1);transition:.2s}}@media screen and (max-width:1000px){.nav-wrapper{display:flex;gap:0;width:68%}.nav-link{display:flex;width:100%;max-width:200px;justify-content:space-between}}@media screen and (max-width:600px){.dropdown-item{h1{font-size:.8rem;font-weight:600;margin:0}}}