html{background-color:#000;color:#fff;font-family:monospace;width:100vw;height:100vh;--blue: #000080;--gold: #F3A21F}body{width:100%;height:100%;margin:0}#root{display:flex;width:100%;height:100%}h1,h2,h3{color:var(--gold)}.blocks-container{display:grid;max-width:70%;height:100%;align-content:center;margin-left:15%;margin-right:15%;grid-template-columns:repeat(3,1fr)}.block{border:1px var(--gold) solid;aspect-ratio:1;font-size:.75vw;max-width:100%;max-height:100%;overflow:hidden}#sidebar-l{position:absolute;display:flex;justify-content:center;margin-top:3vh;min-width:15%;max-width:15%}#menu{display:flex;width:80%;flex-direction:column;justify-content:center;align-items:center}#menu h2,#menu h3{color:var(--gold);margin-bottom:.1em}#menu .subheading{margin-top:.1em;margin-bottom:1em}#menu img{width:80%;margin-left:10%;margin-right:10%}#menu button{width:50%;background-color:transparent;color:var(--gold);border:1px var(--gold) solid}#menu button:hover{color:#fff;border:1px white solid;cursor:pointer}#sidebar-r{position:absolute;right:0;display:flex;justify-content:center;min-width:15%;max-width:15%}#logs{width:80%}#output{width:100%;height:100%;box-sizing:border-box;background-color:#000;color:#fff}#gyroscope-container{width:100%;height:100%}#gyroscope-readings{position:absolute}#flight-mode-visualizer{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center}#flight-mode-visualizer-container{width:80%}#flight-mode-visualizer-container div{text-align:center;padding:1em;border:1px solid white}.flight-mode-preflight{color:#fff;background-color:red}.flight-mode-active{color:#fff;background-color:green}#update-log-container{display:flex;flex-direction:column;align-items:center;justify-content:center}#update-log{min-height:30vh;max-height:30vh;width:12vw;overflow-y:auto;border:solid 1px var(--gold)}.update-log-message{border-bottom:solid 1px var(--gold)}