body{

margin:0;

font-family:"Comic Sans MS",Verdana;

background:linear-gradient(45deg,#4d7cff,#ff5bc4,#ffe14d,#4dff9c);

background-size:600%;

animation:bgMove 18s infinite;

color:white;

overflow-x:hidden;

cursor:crosshair;

}

@keyframes bgMove{

0%{background-position:0%}

50%{background-position:100%}

100%{background-position:0%}

}

#stars{

position:fixed;

width:100%;

height:100%;

background-image:url("https://www.transparenttextures.com/patterns/stardust.png");

opacity:.35;

pointer-events:none;

animation:spin 180s linear infinite;

}

@keyframes spin{

from{transform:rotate(0deg);}

to{transform:rotate(360deg);}

}

header{

text-align:center;

padding:30px;

}

#title{

font-size:60px;

color:#ffff55;

text-shadow:

0 0 5px white,

0 0 20px yellow,

0 0 40px red;

animation:flicker 3s infinite;

}

@keyframes flicker{

0%,100%{opacity:1;}

48%{opacity:.8;}

50%{opacity:.4;}

52%{opacity:1;}

}

.subtitle{

font-size:24px;

}

.warning{

background:red;

padding:10px;

margin:20px auto;

width:80%;

font-weight:bold;

animation:blink .8s infinite;

}

@keyframes blink{

50%{opacity:.4;}

}

#layout{

display:flex;

}

aside{

width:220px;

background:#001b55;

padding:20px;

border-right:5px ridge white;

}

aside a{

display:block;

padding:8px;

margin:8px 0;

background:#003399;

text-decoration:none;

color:white;

border:3px outset white;

}

aside a:hover{

background:#ff00cc;

}

main{

padding:30px;

flex:1;

}

.door{

width:350px;

border:6px ridge white;

display:block;

margin:auto;

}

button{

font-size:22px;

padding:15px;

background:yellow;

border:4px outset white;

cursor:pointer;

}

button:hover{

background:#ff33aa;

}

footer{

text-align:center;

padding:20px;

background:black;

margin-top:40px;

}

#popup{

position:fixed;

display:none;

top:20%;

left:50%;

transform:translateX(-50%);

background:white;

color:black;

border:8px ridge red;

width:420px;

z-index:9999;

box-shadow:0 0 40px red;

}

.popupContent{

padding:20px;

text-align:center;

}

#counter{

font-size:30px;

font-family:Courier;

background:black;

color:#00ff00;

padding:10px;

text-align:center;

}