body{margin:0;background:linear-gradient(180deg,#0e0b75,#fff);display:flex;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;height:100vh;width:100vw;justify-content:center;align-items:center}body{display:flex;flex-direction:row;align-items:space-evenly}main{display:flex;flex-direction:column;align-items:stretch}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul{padding-inline-start:0;margin-block-start:0;margin-block-end:0;list-style-type:none;display:flex;flex-direction:column;margin:8px 0;border:1px solid black;gap:1px;background-color:#000;border-radius:8px;overflow:auto}li{background-color:#fff;padding:8px}li:hover{background:#dadbf9}a{font-weight:800;text-decoration:none}.header{width:100vw;height:10vh;margin-bottom:10px;background-color:#1e1e2f;opacity:50%;color:#fff;display:flex;flex-direction:row;position:fixed;left:0;top:0}.logo{display:flex;width:25vW}@media(max-width:25vW){.logo{margin:20px 0}}.main{width:100vw;height:80vh;margin-bottom:10px;background-color:#1e1e2f;color:#fff;display:flex;flex-direction:column;position:relative;left:0;top:10;border:8px solid black}.main-content{margin-left:15vw;padding:40px;flex-grow:1}.sidebar{justify-content:flex-start;width:15vw;height:100vh;background-color:#1e1e2f;opacity:50%;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:10vh}.sidebar-menu{list-style:none;padding:20px 0}.sidebar-menu li{width:100%}.sidebar-menu a{display:flex;padding:14px 24px;color:#b3b3cc;text-decoration:none;font-size:16px;transition:all .3s ease}.sidebar-menu a:hover,.sidebar-menu a.active{color:#fff;background-color:#34344d;padding-left:32px;border-left:4px solid #4f46e5}.speech{justify-content:flex-start;width:5vw;height:100vh;background-color:#1e1e2f;opacity:50%;color:#fff;display:flex;flex-direction:column;position:fixed;left:95vw;top:10vh}.speech-text{justify-content:flex-start;width:25vw;height:20vh;display:flex;flex-direction:column}.speech-slider{justify-content:flex-start;width:25vw;height:50vh;display:flex;flex-direction:column}.speech-mute{justify-content:flex-end;width:25vw;height:5vh;display:flex;flex-direction:column;padding:20px}.footer{width:100vw;height:10vh;margin-bottom:10px;background-color:#1e1e2f;opacity:50%;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:90vh}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}