.navbar{display:flex;flex-direction:row;width:100%;align-items:flex-end;justify-content:space-between;margin-top:50px;padding-left:50px;padding-right:50px}.navbar .bars-icon{display:none}.navbar .klc-logo{width:120px;height:auto;box-shadow:0 0 15px 2px rgba(0,0,0,.1)}.navbar .middle-menu{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:35%}.navbar .middle-menu .middle-menu-link{font-size:20px;font-weight:500;color:red;text-decoration:underline;cursor:pointer;transition:all .2s ease-in}.navbar .middle-menu .middle-menu-link:hover{color:rgb(255,210,97)}.navbar .login-button{width:120px;height:40px;font-size:18px;font-weight:600;color:red;border:2px solid black;border-radius:2px;background-color:rgb(255,210,97);box-shadow:0 0 15px 2px rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease-in}.navbar .login-button:hover{background-color:rgb(199,164,75)}.side-menu{position:fixed;top:0;right:-100%;width:250px;height:100%;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.5);transition:right .3s ease;display:flex;flex-direction:column;padding:20px;z-index:1000}.side-menu.open{right:0}.side-menu .side-menu-link{margin:16px 0;cursor:pointer;text-decoration:none;color:black}.close-button{margin-top:20px;width:100%;height:40px;font-size:18px;font-weight:600;color:red;border:2px solid black;border-radius:2px;background-color:rgb(255,210,97);box-shadow:0 0 15px 2px rgba(0,0,0,.1)}@media screen and (max-width:1000px){.navbar .middle-menu{width:50%}}@media screen and (max-width:750px){.navbar .login-button,.navbar .middle-menu{display:none}.navbar .bars-icon{display:flex;cursor:pointer;transition:transform .3s ease}.bars-icon.spin{transform:rotate(90deg)}}@media screen and (max-width:450px){.navbar .klc-logo{width:80px;box-shadow:0 0 15px 2px rgba(0,0,0,.1)}.navbar .bars-icon{width:30px}}.footer{width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;padding:45px;background-color:rgb(0,0,60);color:white;height:280px}.footer .footer-left{display:flex;flex-direction:column}.footer .footer-left .footer-logo{width:80px;object-fit:contain}.footer .footer-right{display:flex;flex-direction:column;align-items:flex-end}.footer .footer-right .footer-link{text-decoration:none}.footer .footer-right h3{font-size:16px;font-weight:500;text-decoration:underline}.footer .footer-right .resource-item{font-size:14px;font-weight:200;margin-top:4px;color:white;cursor:pointer;transition:all .2s ease-in}.footer .footer-right .resource-item:hover{color:rgb(226,226,226)}@media screen and (max-width:400px){.footer{align-items:flex-start;justify-content:flex-end;padding-top:0}.footer,.footer .footer-left{display:flex;flex-direction:column}.footer .footer-left{height:30px;margin-bottom:22px}.footer .footer-right{display:flex;flex-direction:column;align-items:flex-start}}