body{background-color:#f5f5f5;margin:0;height:100vh;width:100vw;overflow:hidden;font-family:Courier New,monospace}canvas{position:fixed;top:0;left:0}main{position:absolute;color:#696969;z-index:99;width:100vw;margin:0 auto;padding:120px 0}.nameHeader{margin-left:300px}.menuButton{margin:1px}.menuButton:hover{border:1px solid #696969;cursor:pointer;width:fit-content}#content{display:grid;grid-template-columns:repeat(2,1fr);border:40px}.left{margin-left:300px}.right{margin-right:200px}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 screen and (max-width: 768px){.container{flex-direction:column;padding:15px}.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}