*{padding:0;margin:0;box-sizing:border-box;list-style:none;text-decoration:none}:root{--bg-color: #1e1e1e;--text-color: #e6e6e6;--glitch-orange: #ffae00;--glitch-pink: #7e03aa;--glitch-blue: #00fffb;--soft-blue: #afffff}@font-face{font-family:Pixel;src:url(/assets/fonts/PixelifySans-Regular.ttf)}@font-face{font-family:Pixel2;src:url(/assets/fonts/Tektur-Regular.ttf)}body{background:radial-gradient(farthest-side at -33.33% 50%,#0000 52%,rgba(126,3,171,.45) 54% 57%,#0000 59%) 0 64px,radial-gradient(farthest-side at 50% 133.33%,#0000 52%,rgba(126,3,171,.45) 54% 57%,#0000 59%) 64px 0,radial-gradient(farthest-side at 133.33% 50%,#0000 52%,rgba(126,3,171,.45) 54% 57%,#0000 59%),radial-gradient(farthest-side at 50% -33.33%,#0000 52%,rgba(126,3,171,.45) 54% 57%,#0000 59%),#1e1e1e;background-size:calc(128px/4.667) 128px,128px calc(128px/4.667)}.hangman-game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1.5rem}#word-display,#attempts-left,#letter-input,#guess-button,#reset-button{margin-bottom:20px;color:var(--text-color)}#word-display{font-size:22px;margin-top:20px}#attempts-left,#word-display{font-family:Pixel2}#guess-button,#reset-button{font-family:Pixel;height:35px;margin:5px;width:120px;justify-content:center;cursor:pointer;align-items:center;border:solid var(--glitch-pink) 1px;font-size:16px;color:var(--text-color);transition:.5s;border-radius:5px;background:linear-gradient(145deg,#2e2d2d,#212121);box-shadow:-1px -5px 15px #41465b,5px 5px 15px #41465b,inset 5px 5px 10px #212121,inset -5px -5px 10px #212121}#letter-input{border-radius:10px;outline:2px solid var(--glitch-blue);border:0;background-color:var(--bg-color);outline-offset:3px;padding:10px 1rem;transition:.25s;color:var(--text-color)}#letter-input:focus{outline-offset:5px}#used-letters-display{color:var(--text-color);font-family:Pixel2;margin-bottom:1rem}@media only screen and (max-width: 600px){#word-display{font-size:18px}#guess-button,#reset-button{width:100px}#letter-input{padding:8px .8rem}}h4{font-size:20px}h4,p,.result{color:var(--text-color);font-family:Pixel2}.result{text-align:center}.rock-game-container{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;gap:1rem}.btn{font-family:Pixel;height:35px;margin-top:10px;width:100px;justify-content:center;cursor:pointer;align-items:center;border:solid var(--glitch-pink) 1px;font-size:17px;color:var(--text-color);transition:.5s;border-radius:5px;background:linear-gradient(145deg,#2e2d2d,#212121);box-shadow:-1px -5px 15px #41465b,5px 5px 15px #41465b,inset 5px 5px 10px #212121,inset -5px -5px 10px #212121}@media only screen and (max-width: 600px){h4{font-size:18px}.btn{width:80px}}h3,#trivial-btn,#result-container{font-family:Pixel2;color:var(--text-color)}h3{margin-top:1.5rem;text-align:center;font-size:15px;padding:4px}#trivial-btn{background-color:transparent;padding:6px;cursor:pointer}#trivial-btn:hover{transform:scale(1.1);transition:all .5s}#question-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}#result-container{text-align:center;margin:30px 20px 0}#restart-button{font-family:Pixel;height:35px;margin-top:15px;width:100px;justify-content:center;cursor:pointer;align-items:center;border:solid var(--glitch-pink) 1px;font-size:15px;color:var(--text-color);transition:.5s;border-radius:5px;background:linear-gradient(145deg,#2e2d2d,#212121);box-shadow:-1px -5px 15px #41465b,5px 5px 15px #41465b,inset 5px 5px 10px #212121,inset -5px -5px 10px #212121}@media only screen and (max-width: 600px){h3{font-size:14px}#result-container{margin:20px 10px 0}#restart-button{width:80px;font-size:14px;margin-top:10px}}h1{display:flex;justify-content:center;color:var(--text-color);font-family:Pixel;font-size:40px;text-shadow:2px 2px 4px var(--glitch-orange)}.navbar ul{display:flex;flex-direction:column;align-items:center;margin-top:25px;gap:1rem}.home{margin-top:30px}.home-btn{--border-color: linear-gradient(-45deg, var(--glitch-orange), var(--glitch-pink), var(--glitch-blue));--border-width: .125em;--curve-size: .5em;--blur: 30px;--bg: #1e1e1e;--color: #afffff;color:var(--color);position:relative;isolation:isolate;display:inline-grid;place-content:center;padding:.5em 1.5em;font-size:15px;border:0;text-transform:uppercase;box-shadow:10px 10px 20px #fff9;clip-path:polygon(0% var(--curve-size),var(--curve-size) 0,100% 0,100% calc(100% - var(--curve-size)),calc(100% - var(--curve-size)) 100%,0 100%);transition:color .25s;font-family:Pixel2}.home-btn:after,.home-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.home-btn:before{background:var(--border-color);background-size:300% 300%;animation:move-bg7234 5s ease infinite;z-index:-2}@keyframes move-bg7234{0%{background-position:31% 0%}50%{background-position:70% 100%}to{background-position:31% 0%}}.home-btn:after{background:var(--bg);z-index:-1;clip-path:polygon(var(--border-width) calc(var(--curve-size) + var(--border-width) * .5),calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)));transition:clip-path .5s}.home-btn:where(:hover,:focus):after{clip-path:polygon(calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)));transition:.2s}.home-btn:where(:hover,:focus){color:var(--text-color)}@media screen and (min-width: 768px){.navbar ul{flex-direction:row;justify-content:center}.navbar ul li{margin:0 10px}.home{margin-top:60px}.home-btn{font-size:15px}}
