#app{background-color:#212121;text-align:center;color:#aaf0d1;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}body{background-color:#212121}.main{background-color:#212121;color:#aaf0d1}a{color:salmon;transition:color .3s ease;text-decoration:none}a:hover{color:#aaf0d1}.toggle-btn{background-color:#212121;border:none;color:salmon;cursor:pointer;padding:10px 15px;position:fixed;top:20px;left:10px;transition:transform .5s ease}.toggle-btn.active{transform:rotate(360deg)}.sidenav{height:100%;max-height:calc(100vh - 70px);width:0;position:fixed;z-index:1;top:60px;left:0;background-color:#121212;overflow-y:auto;padding-top:20px;color:#aaf0d1;transition:width .5s,color .5s;text-align:center;overflow-x:hidden;display:flex;flex-direction:column}.sidenav::-webkit-scrollbar{width:5px;border-radius:8px}.sidenav::-webkit-scrollbar-track{background:#212121}.sidenav::-webkit-scrollbar-thumb{background:#888;border-radius:8px}.sidenav::-webkit-scrollbar-thumb:hover{background:#555}.sidenav a{padding:10px 15px;text-decoration:none;font-size:18px;color:salmon;display:block;transition:color .3s}.sidenav a:hover{color:#aaf0d1}.separator{height:500%;width:5px;background-color:#aaf0d1;position:absolute;top:0;right:0}.main{padding:16px;background-color:#212121;transition:margin-left .5s}#app[data-v-e29dd524]{background-color:#212121;text-align:center;color:#aaf0d1;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}body[data-v-e29dd524]{background-color:#212121}.main[data-v-e29dd524]{background-color:#212121;color:#aaf0d1}a[data-v-e29dd524]{color:salmon;transition:color .3s ease;text-decoration:none}a[data-v-e29dd524]:hover{color:#aaf0d1}