body{background-color:#f5f5f5;margin:0;height:100vh;width:100vw;overflow:hidden;font-family:Courier New,monospace;font-size:16px}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0;pointer-events:none}main{position:absolute;color:#696969;z-index:99;width:100vw;margin:0 auto;padding:120px 0}.nameHeader{display:flex;margin-left:20vw}.menuButton{margin:10px}.menuButton:hover{border:1px solid #696999;cursor:pointer;width:fit-content}#content{display:flex;flex-direction:row;border:40px;z-index:99}.left{margin-left:20vw;width:50%}.right{margin-top:10px;margin-left:10vw;margin-right:20vw;width:50%}code{font-family:Courier New,monospace}a:visited,a:hover{text-decoration:none;color:#b8860b}a:focus{text-decoration:none;color:#b8860b}a:hover,a:active{text-decoration:none;color:#b8860b}@media only screen and (max-width: 480px){.nameHeader{margin-left:15vw}#content{flex-direction:column;padding:15px}.left{margin-left:10vw;width:100%}.right{margin-top:10px;margin-left:10vw;width:100%}.nav-buttons{width:100%;margin-bottom:20px}.content-section{width:100%;margin-left:0;margin-top:10px}.nav-button{width:100%;margin-bottom:10px;padding:12px}.nav-button.active{background-color:#007bff;color:#fff}}footer{position:fixed;bottom:0;width:100%;text-align:center;padding:10px;font-size:.8em;color:#666;background-color:#f8f8f8}