* {
   padding: 0;
   margin: 0;
}
html, body {
   width: 100%;
   height: 100%;
}
.overlay {
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.8);
   position: fixed;
   top: 0;
   left: 0;
   display: block;
   z-index: 9999;
}

.overlay .flex {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   height: 100%;
}

.overlay h1 {
   color: #d0d0d0;
   font-family: sans-serif;
   font-size: 20px;
   margin-bottom: 1rem;
}

.overlay h1:hover {
   cursor: pointer;
   color: #FFF;
}

.big_green {
   cursor: none !important;
   font-size: 48px !important;
   color: #00dd69 !important;
}

.big_red {
   cursor: none !important;
   font-size: 48px !important;
   color: #ab0000 !important;
}