@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";#root{width:100vw;height:100vh}#main{width:100%;height:100%}@keyframes spinning{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}#header{position:static;display:flex;align-items:center;text-wrap:nowrap;width:100%;height:auto;border-bottom:1px solid #d4d4d4}#header-dropdown{display:flex;align-items:center;justify-content:center;height:3.5%;width:3.5%;padding-left:1rem;font-size:1.5rem;cursor:pointer}#header-dropdown :hover{-webkit-animation:spinning 2.5s linear infinite;-moz-animation:spinning 2.5s linear infinite;-ms-animation:spinning 2.5s linear infinite;-o-animation:spinning 2.5s linear infinite;animation:spinning 2.5s linear infinite}#header-title{width:60%;display:flex;align-items:center;justify-content:start}#header-title h1{padding:.3rem 1.1rem .3rem 0}#header-title h1 span{color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#d4d4d4}#header-login{display:flex;align-items:center;justify-content:end;height:100%;width:37.5%}#header-login div{display:flex;align-items:center;padding-right:1rem}#header-login div a{text-decoration:none}#header-login div h2{border-radius:7.5px;color:#d4d4d4;background:linear-gradient(120deg,#00a9ff,#ff3ee5);border:.13rem solid #d4d4d4;padding:.1rem .4rem 0}#dropdown{position:fixed;display:flex;flex-direction:column;width:14.5rem;height:fit-content;background-color:#1b1a18;text-align:center;border-right:1.5px solid #d4d4d4;border-bottom:1.5px solid #d4d4d4;border-bottom-right-radius:7.5px;z-index:2}#dropdown ul{display:flex;flex-direction:column;margin:1rem 0 .9rem}#dropdown ul li{width:100%;margin:.2rem 0;cursor:pointer}#dropdown ul li .route-link{text-decoration:none;color:#d4d4d4}#dropdown ul li .route-link :hover{background:linear-gradient(120deg,#00a9ff,#ff3ee5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#productivity{position:relative;width:100%;overflow-y:hidden;height:auto}h1{margin:0 2.5%}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Comfortaa,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1b1a18;color:#d4d4d4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}