.navbar{background-color:#f8f8ff;padding:23px 30px;box-shadow:0 5px 10px rgba(0,0,0,.097)}.navbar,.navbar ul{display:flex;justify-content:space-between;align-items:center}.navbar ul{list-style:none;gap:30px;font-size:1.3rem}.navbar ul li{color:rgba(0,0,0,.782);transition:all .2s}.navbar ul li:hover{color:#000}.app-name span:first-child{font-size:2.5rem;background-color:orange;padding:5px;border-radius:5px;margin-right:3px}.app-name span:last-child{font-size:2.5rem}@media (max-width:541px){.navbar ul{gap:10px;font-size:1rem}}@media (max-width:431px){.navbar ul{position:relative;list-style:none;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:30px;font-size:1.1rem}.app-name span:first-child{font-size:1.5rem;background-color:orange;padding:5px;border-radius:5px;margin-right:3px}.app-name span:last-child{font-size:1.5rem}}@media (max-width:321px){.navbar ul{gap:18px;font-size:1rem}}:root{--background:#fff;--foreground:#171717}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}body::-webkit-scrollbar{display:none}.sorry{font-size:1.7rem;text-align:center;margin-top:20vh}.error-found-container,.not-found-container{background-color:#faf0df;color:#624817;position:absolute;top:65vh;left:50vw;transform:translate(-50%,-100%);height:380px;width:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:30%;border:3px solid rgba(255,166,0,.754);box-shadow:inset 0 0 10px orange;animation:bounce .4s ease-in}.error-found-logo,.not-found-logo{width:80px;height:80px;border:2px solid orange;border-radius:50%;display:grid;place-content:center;font-size:3rem;color:orange;margin-bottom:40px;text-shadow:0 0 4px #f24848}.error-found-container h3,.not-found-container h3{font-size:3rem}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:hsla(0,0%,53%,.7);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999}.home-button,.refresh-button{margin-top:15px;padding:8px 15px;font-size:18px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out;outline:none;display:inline-block;background:#fff;color:#ff9800;border:2px solid #ff9800;box-shadow:0 4px 10px rgba(255,152,0,.3)}.home-button:hover,.refresh-button:hover{background:#ff9800;color:#fff;box-shadow:0 6px 12px rgba(255,152,0,.5)}@media (max-width:1440px){.error-found-container,.not-found-container{position:absolute;top:65vh;left:50vw;transform:translate(-50%,-100%);height:280px;width:280px}.error-found-logo,.not-found-logo{width:70px;height:70px;font-size:2.7rem}.error-found-container h3,.not-found-container h3{font-size:2.7rem}.home-button,.refresh-button{margin-top:15px;padding:8px 15px;font-size:14px}}@media (max-width:450px){.error-found-container,.not-found-container{height:220px;width:220px}.error-found-logo,.not-found-logo{width:50px;height:50px;font-size:2.7rem;color:orange;margin-bottom:20px}.error-found-container h3,.not-found-container h3{font-size:2.2rem}.home-button,.refresh-button{margin-top:15px;padding:6px 12px;font-size:14px}.error-found-container p,.not-found-container p{font-size:.8rem}}.flex-box{display:flex;justify-content:center;align-items:center;position:relative;top:20vh}#outer-div{height:50px;width:50px;border:3px solid red;border-radius:50%;border-left:transparent;border-top:transparent;padding:10px;animation:outer .5s linear infinite forwards;position:absolute}#inner-div{height:40px;width:40px;border:3px solid #adff2f;border-right:transparent;border-bottom:transparent;border-radius:50%;animation:inner .5s linear infinite forwards;position:absolute}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%{top:65vh;left:50vw;transform:translate(-50%,-100%) scale(0)}40%{top:65vh;left:50vw;transform:translate(-50%,-100%) scale(1.3)}70%{top:65vh;left:50vw;transform:translate(-50%,-100%) scale(.8)}to{top:65vh;left:50vw;transform:translate(-50%,-100%) scale(1)}}@keyframes inner{0%{transform:rotate(0deg);border-color:red}to{transform:rotate(-1turn);border-color:#adff2f}}@keyframes outer{0%{transform:rotate(0deg);border-color:#adff2f}to{transform:rotate(1turn);border-color:red}}.footer{background:linear-gradient(90deg,#3c3c3c,#000);color:#fff;padding:20px 0;font-family:Poppins,sans-serif;width:100%;position:-webkit-sticky;position:sticky;top:100vh;bottom:0;margin-top:100px}.footer-container{justify-content:space-between;gap:12px;margin:0 100px;position:relative}.footer-container,.footer-logo{display:flex;align-items:center}.footer-logo{font-size:1.8rem;font-weight:700;letter-spacing:1px;gap:5px}.footer-social{display:flex;gap:15px}.social-icon{font-size:22px;color:#fff;transition:transform .3s ease-in-out,color .3s ease-in-out}.social-icon:hover{color:#ff9800;transform:scale(1.2)}.footer-text{font-size:18px;opacity:.8}@media (max-width:600px){.footer-logo,.footer-social{display:none}.footer-text{white-space:nowrap;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.profile{position:relative;height:100%;padding:5px;animation:fadeIn .4s ease-in}.user-icon{position:relative;display:inline-block;font-size:2rem}.logout-box{font-size:1.2rem;outline:none;border:none;cursor:pointer;position:absolute;left:50%;top:100%;transform:translateX(-40%);background-color:#e7e7e7;padding:10px 18px;border-radius:7px;display:none;transition:all .3s;animation:fadeIn .2s ease-in}.logout-box:hover{background-color:#f8f8ff;box-shadow:inset 0 0 5px #aaaab2}.logout-box:disabled:hover{background-color:#e7e7e7}.profile:hover .logout-box{display:block}