:root{--text-color: #57ff57;--button-background: #1e481d;--border-color: #1c461b;--panel-color: #0a2400;--background-color: black}body{background-color:var(--background-color);margin:0}h1{margin-top:0;animation:flicker 10s infinite;color:var(--text-color);text-align:center;font-family:Rubik,sans-serif;font-size:7vh}h2{font-family:Rubik,sans-serif}*{color:var(--text-color)}.sidebar .fa{background-color:var(--button-background);border:1px var(--border-color) solid;border-radius:8px;padding:.5ch;margin-bottom:1ch;width:2ch;height:2ch;text-align:center;font-size:4ch;transition-duration:.1s}.sidebar .fa:hover{transform:scale(1.1) rotate(3deg)}.sidebar-container{display:inline;height:100%;width:80px;margin:0;position:fixed}.sidebar{height:100%;display:flex;flex-direction:column;background-color:#0a2400;padding:1ch;border-radius:8px;margin:1ch}.content{margin-left:80px;margin-top:0;padding:0 10ch}p,li{font-family:Rubik,sans-serif}.panels{display:flex;flex-direction:column;align-items:center}.panels-row{display:flex;flex-direction:row}.panel{background-color:var(--panel-color);margin:10px;padding:10px;height:250px;width:300px;border-radius:8px}.panel-title,.panel-body{background-color:var(--button-background);margin-bottom:10px;padding:10px;border:1px var(--button-background) solid;border-radius:8px;overflow-y:auto}.panel-title{height:37px}.panel-body{height:157px}@keyframes flicker{0%{opacity:0}4%{opacity:.5}6%{opacity:0}10%{opacity:.5}12%{opacity:1}80%{opacity:.9}85%{opacity:1}}