|
12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- 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);
- }
|