html, body {
overflow: hidden;
position: fixed;
width: 100%;
height: 100%;
margin: 0px;
}
h1 {
margin-left: 20px;
}
#games {
padding: 24px;
}
#games a {
padding: 12px;
display: block;
}
#overlay {
transition: opacity 0.5s, transform 0.5s;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: black;
color: white;
transform: scale(2);
display: flex;
align-items: center;
justify-content: center;
}
#overlay.active {
opacity: 1;
transform: scale(1);
}