:root{--background:#ffffff;--foreground:#171717;--orange:rgb(255,160,0);--gray:#42424a;--profile-gray:#777780;--blue:#7c93cb;--error:red;--success:green}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{font-family:Arial,Helvetica,sans-serif;height:100%}*,body{margin:0}*{padding:0}.app{display:flex;flex-direction:column;min-height:100vh;margin:0}.main-content{flex:1 1;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.container{display:flex;justify-content:space-between;color:white;padding:1rem;border-radius:2;background-color:rgb(10,10,10);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo{padding-left:5rem;font-size:25;justify-content:center;align-items:center}.logo:hover{opacity:.7}.seperator{font-weight:100}.sections{display:flex;align-items:center;justify-content:center;font-size:22;font-weight:600;padding-right:2rem}.sections-list{display:flex;text-decoration:none;list-style:none;gap:30}.archive:hover,.info:hover,.leaderboards:hover,.login:hover,.register:hover{text-decoration:underline}button{border:none;background:none}.profile-icon:hover{opacity:.8;cursor:pointer}.sections-wrapper{display:flex;gap:40}.sections-list{position:relative}.profile-list{display:flex;justify-content:center;align-items:center}.profile-img{margin-right:20;padding-top:10}.profile-container{margin-right:15}.logout-btn{display:flex;justify-content:center;align-items:center}.logout-img{padding-right:1rem}.dropdown-menu{position:absolute;right:0;margin-top:.5rem;background:var(--profile-gray);box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:4px;list-style:none;z-index:100}.dropdown-menu li{padding:1.5rem}.dropdown-menu li:hover{background:#a4a4aa}.dropdown-menu a,.dropdown-menu button{text-decoration:none;color:white;background:none;border:none;cursor:pointer;font-size:1rem}