body{margin:0}.main-container{background-color:#151515;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}h1,p{color:azure}canvas{position:absolute;border:1px solid azure;width:100%;height:100%}#simulationContainer{position:relative}#fps{margin:1em;position:absolute;color:#fff}@media only screen and (max-width: 600px){#simulationContainer{width:80%;aspect-ratio:1/1}}@media only screen and (min-width: 600px){#simulationContainer{height:60%;aspect-ratio:1/1}}@media only screen and (min-width: 1000px){#simulationContainer{height:80%;aspect-ratio:1/1}}