html, body { margin: 0; padding: 0; overflow: hidden; font-family: sans-serif; } div#settings { position: absolute; border-radius: 50%; background: rgba(0, 0, 0, 0.5); height: 1.5rem; width: 1.5rem; display: grid; right: 5px; top: 5px; cursor: pointer; z-index: 1000; } div#settings > img { height: 1rem; margin: auto; cursor: pointer; } div#menu { background: rgba(0, 0, 0, 0.5); color: white; padding-top: 2rem; display: none; position: absolute; right: 0; top: 0; height: 100vh; width: 20vw; text-align: center; } div#menu > ul { list-style-type: none; margin: 0; padding: 0; } div#menu > ul > li { padding-top: 10px; cursor: pointer; }