*{font-family:Fire Sans,Droid Sans,Helvetica Neue,sans-serif}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:grid;grid-template-areas:"head" "main";grid-template-rows:auto 1fr;grid-template-columns:1fr;margin:0;width:99vw;height:100vh}.loader-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.mainContainer{display:grid;grid-area:main;padding-top:7vmin}.header{grid-area:head;position:fixed;height:7vmin;width:100%;padding:0;background:#0b59ff;top:0;z-index:10}.header ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;gap:0}.header ul li{position:relative;box-sizing:border-box;width:25vmin;height:7vmin}.header ul li:after{content:"";display:block;height:.5vmin;width:0%;background-color:#7aafff;transition:width .3s ease;margin-top:auto}.header ul li:hover:after{width:100%}.header ul li .active{background-color:#0843c4;box-shadow:inset 2px 0 #fff,inset -2px 0 #fff;border-bottom:.5vmin solid rgb(122,175,255);height:7vmin}.header ul li:hover,.header ul li .active:hover{background-color:#0843c4;border-bottom:0;height:7vmin}.header ul li a{color:#fff;font-size:2.25vmin;text-align:center;font-weight:500;text-decoration:none;display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.notification-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100}.notification{font-size:1.3rem;background:#fd1f1ff1;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 2px 4px #0000001a;animation:slide-in .3s ease-out}.notification.success{background:#28a745;color:#fff}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.SettingsContainer{margin-top:1vw}