body{color:#fff;--emerald:#00d199;--onyx:#0a090c;--platinum:#f1eeef;--dark-teal:#07393b;--stormy-teal:#2c666d;background-color:var(--onyx);box-shadow:1vw 1vh 1vh 1vh var(--onyx);--metallic-gradient:linear-gradient(45deg, #999 5%, #fff 10%, #ccc 30%, #ddd 50%, #ccc 70%, #fff 80%, #999 95%);--inset-metallic-gradient:linear-gradient(45deg, #555 0%, #d8d8d8 12%, #777 25%, #888 52%, #d0d0d0 68%, #bcbcbc 100%);--inset-shadow:inset 0 3px 5px rgba(255,255,255,.65), inset 0 -5px 8px rgba(0,0,0,.55), inset 3px 0 5px rgba(0,0,0,.25), inset -3px 0 5px rgba(255,255,255,.35), 0 3px 8px rgba(0,0,0,.3);--inset-shadow-dark-teal:inset 0 1vh 1vh rgba(7,57,59,.65), inset 0 -1vh 1vh rgba(0,0,0,.55), inset 1vh 0 1vh rgba(0,0,0,.25), inset -1vh 0 1vh rgba(7,57,59,.35), 0 1vh 1vh rgba(0,0,0,.3);border-radius:10vh;margin:20px 10vw;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#hero{color:var(--emerald);background-image:var(--metallic-gradient);background-color:var(--stormy-teal);background-blend-mode:multiply;border-radius:10vh 10vh 0 0;flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:2vh 4vw;display:flex;box-shadow:0 4px 30px rgba(0,0,0,.1)}#links{text-align:left;color:#fff;flex-direction:column;width:400px;font-size:x-large;display:flex}#links a{color:#fff;border:1px solid #fff;border-radius:5px;margin:10px 0;padding:10px;text-decoration:none}#links a:hover{cursor:pointer;background-color:#1f1f1f}#header{max-width:1200px}#hero>img{height:10vh}#main-container{background:color-mix(in srgb, var(--dark-teal), transparent 50%);backdrop-filter:blur(10.6px);border-radius:0 0 10vh 10vh;flex-direction:row;justify-content:space-between;height:80vh;display:flex}.side-bar{border-radius:5vh;width:25vh;margin:1vh 1vw;overflow-y:scroll}#left-side-bar{border-bottom-left-radius:9vh}#right-side-bar{border-bottom-right-radius:9vh}.side-bar-container{background-image:var(--metallic-gradient);background-color:var(--stormy-teal);background-blend-mode:multiply;box-shadow:.5vh .5vw 1vh color-mix(in srgb, var(--onyx), transparent 50%);border-radius:5vh;padding:.5vh 1vw .1vh}.side-bar-container:not(:first-child){margin-top:2vh}.side-bar-container>h1{font-size:2vh}.side-bar-container-content{background-image:var(--inset-metallic-gradient);box-shadow:var(--inset-shadow-dark-teal);background-color:var(--dark-teal);background-blend-mode:multiply;border:1px solid var(--onyx);border-radius:4.5vh;height:40vh;margin:0 0 .25vh;padding:1vh 1vw}.inset-metallic{background:linear-gradient(45deg,#555 0%,#d8d8d8 12%,#777 25%,#f4f4f4 38%,#888 52%,#d0d0d0 68%,#5e5e5e 82%,#bcbcbc 100%);border:1px solid #444;border-radius:10px;box-shadow:inset 0 3px 5px rgba(255,255,255,.65),inset 0 -5px 8px rgba(0,0,0,.55),inset 3px 0 5px rgba(0,0,0,.25),inset -3px 0 5px rgba(255,255,255,.35),0 3px 8px rgba(0,0,0,.3)}