@import"https://fonts.googleapis.com/css2?family=Uncial+Antiqua&display=swap";.gridcontainer{position:fixed;top:0;left:0;height:100%;width:50%;align-content:center}.hgrid{display:flex;flex-direction:row;gap:20px;justify-content:center}.vgrid{display:flex;flex-direction:column;gap:20px}.vgrid h2{margin:0;text-align:center;text-shadow:1px 1px 3px purple;text-decoration:underline;text-decoration-color:purple}.spellbutton{height:100px;width:100px;border-radius:50%;border:3px solid black;transition:box-shadow .5s ease,transform .3s ease;box-shadow:3px 3px 3px #000}.spellbutton:hover{cursor:pointer;box-shadow:0 0 10px purple;transform:scale(1.01)}.wandcontainer{position:fixed;top:0;right:0;height:100%;width:50%;display:flex;align-items:center;background-color:#80008080;border:10px solid purple;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{box-shadow:inset 0 0 40px purple}50%{box-shadow:inset 0 0 20px purple}to{box-shadow:inset 0 0 40px purple}}.wand{height:25%;width:25%;position:absolute;left:5%;transform-origin:left center;transform-style:preserve-3d;z-index:700;perspective:1000px;transform:rotate(-10deg)}@keyframes spinwand{0%{transform:rotate(-10deg)}25%{transform:rotate(-20deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(-20deg)}to{transform:rotate(-10deg)}}.wand.spinning{animation:spinwand 2.5s ease-in-out}.magicpower{position:fixed;height:10px;width:200px;left:61%;border-radius:10px;animation:magicpulse 1s infinite ease-in-out}@keyframes magicpulse{0%{box-shadow:0 0 5px 0 var(--magic-color)}50%{box-shadow:0 0 10px 5px var(--magic-color)}to{box-shadow:0 0 5px 0 var(--magic-color)}}.magicimage{position:fixed;left:70%;width:200px;height:auto;animation:move 5s ease-in-out infinite}@keyframes move{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(0)}75%{transform:rotate(15deg)}to{transform:rotate(0)}}.secretbutton{position:fixed;height:30px;width:30px;font-size:15px;text-align:center;top:5px;right:5px;border-radius:50%;border:2px solid white;background-color:violet;color:#fff;transition:transform .5 ease}.guessingbutton{position:fixed;height:30px;width:30px;font-size:15px;text-align:center;top:5px;right:5px;border-radius:50%;border:2px solid black;background-color:#fff;color:#000;transition:transform .5 ease}.secretbutton:hover,.guessingbutton:hover{transform:scale(1.1)}.spellboard{font-family:Uncial Antiqua,cursive;text-decoration:underline;position:fixed;top:45%;left:-3%;transform:rotate(-90deg);text-shadow:0 0 15px violet,0 0 25px purple;text-decoration-color:purple;text-decoration-thickness:5px;animation:spellboardpulse 10s infinite ease-in-out}@keyframes spellboardpulse{0%{font-size:35px}25%{font-size:40px}50%{font-size:35px}75%{font-size:37.5px}to{font-size:35px}}.game-overlay{position:fixed;height:100%;width:100%;top:0;left:0;background:#00000080;z-index:800}.leveldisplay{color:#fff;text-shadow:0 0 20px violet}.game{position:fixed;height:90%;width:90%;z-index:900;top:5%;left:5%;background:#242424;border-radius:20px;text-align:center}.closebutton{position:fixed;height:30px;width:30px;font-size:15px;text-align:center;text-justify:center;border-radius:50%;border:2px solid white;background-color:#000;color:#fff;top:4.5%;right:4.5%;z-index:1000;transition:transform .5 ease}.closebutton:hover{transform:scale(1.1)}.ghgrid{display:flex;flex-direction:row;justify-content:center;gap:30px}.gvgrid{display:flex;flex-direction:column;gap:30px}.gbutton{width:150px;height:150px;border-radius:25%;border:none;cursor:pointer;opacity:.5;transition:opacity .5s,transform .5s}.gbutton.red{background-color:red}.gbutton.blue{background-color:#00f}.gbutton.yellow{background-color:#ff0}.gbutton.green{background-color:green}.gbutton.flash{opacity:1;transform:scale(1.2)}.startbutton-container{position:fixed;width:50%;height:50px;bottom:10%;left:25%;justify-content:center;align-items:center}.startbutton{height:50px;width:100px;border-radius:25px;border:3px solid white;background-color:violet;color:#fff;font-size:20px}.startbutton:hover{box-shadow:inset 0 0 10px purple;text-shadow:0 0 10px purple}.piggy{position:fixed;height:44%;top:23%;width:20%;left:40%;z-index:1100}.startingbutton{height:50px;width:100px;border-radius:25px;border:3px solid white;background-color:violet;color:#fff;font-size:20px}.startingbutton:hover{box-shadow:inset 0 0 10px purple;text-shadow:0 0 10px purple}.guessing-input{height:40px;width:240px;font-size:20px;margin-right:20px;margin-top:20px;border:3px solid black;box-shadow:0 0 10px purple;text-align:center}.plane{position:fixed;width:30%;height:auto;bottom:5%;transition:left 3s ease-in-out}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.plane.wiggle{animation:wiggle 1s ease-in-out}.heading{font-size:50px;color:#fff;text-shadow:0 0 20px purple}