@font-face{font-family:Neon Glow;src:url(font/SuperMario256.ttf)}body{background-color:#1a1a1a;color:#fff;display:grid;font-family:Arial,sans-serif;grid-template-areas:"header header header" "sidebar main aside" "footer footer footer";grid-template-columns:1fr 3fr 1fr;grid-template-rows:auto 1fr auto;height:100vh;margin:0 auto;max-height:750px;max-width:1400px;max-width:1000px}.container1{color:#fff;font-size:27px;grid-area:header;padding:5px}.container1,.container2{align-items:center;background-color:#1a1a1a;display:flex;justify-content:center}.container2{grid-area:main}.container3{align-items:center;background-color:#1a1a1a;display:flex;flex-direction:column;grid-area:sidebar;justify-content:center;padding:20px}.container3 p{font-size:1.2em;margin:0}#attempts{background-color:#fff;border-radius:5px;color:#0dbe39;font-family:Neon Glow;font-size:4em;margin-top:10px;padding:10px;text-align:center;width:90px}.container4{grid-area:aside}.container4,.container5{background-color:#1a1a1a}.container5{align-items:center;color:#fff;display:flex;grid-area:footer;justify-content:center;padding:20px}.memory-game{display:flex;flex-wrap:wrap;height:640px;perspective:1000px;width:640px}.memory-card{height:calc(25% - 10px);margin:5px;position:relative;transform-style:preserve-3d;transition:transform .5s;width:calc(25% - 10px)}.memory-card.flip{transform:rotateY(180deg)}.memory-card img{backface-visibility:hidden;border-radius:10px;height:100%;position:absolute;width:100%}.front-face{transform:rotateY(180deg)}.back-face{backface-visibility:hidden;background-image:url(img/bg.jpg);background-position:50%;background-size:cover;position:absolute}.back-face,.popup{height:100%;width:100%}.popup{align-items:center;display:flex;justify-content:center;left:0;position:fixed;top:0}.popup-content{background:#222;border:2px solid #f5f5f5;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);color:#fff;padding:20px;text-align:center}.hidden{display:none}.neon{--blur:1.75rem;--box-blur:calc(var(--blur)*0.5);--glow:#ff00005e;animation:pulsate .5s infinite alternate;color:#ff0050;font-family:Neon Glow;text-shadow:0 0 var(--blur) #ff00509e}@keyframes pulsate{0%{text-shadow:0 0 var(--blur) var(--glow),0 0 calc(var(--blur)*2) var(--glow),0 0 calc(var(--blur)*3) var(--glow)}to{text-shadow:0 0 calc(var(--blur)*.75) var(--glow),0 0 calc(var(--blur)*1.5) var(--glow),0 0 calc(var(--blur)*2.25) var(--glow)}}.neon-button{border:2px solid #ff0050;border-radius:5px;color:#ff0050;display:inline-block;font-size:1.5em;padding:10px 20px;text-decoration:none;text-shadow:0 0 var(--blur) #ff0050;transition:color .3s ease,background-color .3s ease,text-shadow .3s ease}.neon-button:hover{background-color:#ff0050;color:#101010;text-shadow:0 0 calc(var(--blur)*1.5) #ff0050}.counter-text{--blur:1.75rem;--box-blur:calc(var(--blur)*0.5);--glow:rgba(13,190,57,.24);animation:pulsate-counter .3s infinite alternate;color:#0dbe39;font-family:Neon Glow;text-shadow:0 0 var(--blur) var(--glow)}@keyframes pulsate-counter{0%{text-shadow:0 0 var(--blur) var(--glow),0 0 calc(var(--blur)*2) var(--glow),0 0 calc(var(--blur)*3) var(--glow)}to{text-shadow:0 0 calc(var(--blur)*.75) var(--glow),0 0 calc(var(--blur)*1.5) var(--glow),0 0 calc(var(--blur)*2.25) var(--glow)}}