html,body{margin:0;height:100%}body{background-image:linear-gradient(skyblue, lightgray);background-size:cover;display:flex;flex-direction:column;align-items:center}body.start{background-image:linear-gradient(#ff9100, yellow)}body.gameover{background-image:linear-gradient(black, lightgray)}#play,#pause,.github,.linkedin,i,.fas,.fab{height:23px;width:23px}.navbar{display:flex;justify-content:space-between}.controls{display:flex;justify-content:center;align-items:center;position:relative;padding:20px;display:flex}.controls #music-button{display:flex;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:23px;background-color:white}.controls #play:hover,.controls #pause:hover{cursor:pointer}.controls #play-icon.hidden,.controls #pause-icon.hidden{visibility:hidden}.controls #pause{position:absolute;right:30px}.controls .controls-container{position:relative}.controls .controls-container .controls-button{padding:10px;margin-right:15px;font-size:20px;font-weight:bold;border:none;background:white;-webkit-appearance:none;-moz-appearance:none;appearance:none}.controls .controls-container .controls-button:hover{cursor:pointer}.controls .controls-container .controls-instructions{font-size:20px;font-family:Arial, Helvetica, sans-serif;position:absolute;left:-45px;width:485px;color:white;background-color:rgba(0,0,0,0.9);padding:25px;transition:all 0.5s ease-out}.controls .controls-container .controls-instructions.hidden{visibility:hidden}.nav{display:flex;justify-content:center;align-items:center;padding:10px}.nav a{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;margin:10px;color:black;text-decoration:none;background-color:white}.nav a .github{color:black}.nav a .github,.nav a .linkedin{height:23px;width:23px}.nav a .linkedin{color:navy}.nav #about{font-size:20px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}#canvas{border:2px solid white}img{display:none}h1{font-size:40px;font-family:Arial, Helvetica, sans-serif;z-index:100;margin-top:15px;margin-bottom:0px;text-align:center}h1.start{color:yellow}h1.gameover{color:white}


/*# sourceMappingURL=main.css.map*/