@font-face{font-family:Rick and Morty;src:url(/assets/WubbaLubbaDubDub-DWGRdIrt.otf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box}body{background-image:url(/assets/background-w9TEaN58.jpg);max-height:max-content;min-height:100vh;display:grid}button{font-size:22px;font-family:Rick and Morty;color:#000;will-change:transform;transition:transform .1s}button:hover{transform:scale(1.1);filter:brightness(.75)}#root{height:100%;padding:20px;display:grid;grid-template-rows:1fr auto}.home-button{text-align:center;font-family:Rick and Morty;font-size:80px;color:#00b5cc;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#00353e;animation:glow .6s ease-in-out infinite alternate}@-webkit-keyframes glow{0%{text-shadow:0 0 8px #fff,0 0 8px #fff,0 0 8px #b2df28,0 0 8px #b2df28,0 0 8px #b2df28,0 0 8px #b2df28,0 0 8px #b2df28}to{text-shadow:0 0 8px #fff,0 0 8px #b2df28,0 0 8px #b2df28,0 0 8px #b2df28,0 0 8px #b2df28,0 0 8px #b2df28,0 0 8px #b2df28}}.play-area{display:grid;gap:20px}.scoreboard{width:250px;display:grid;height:70px;justify-self:center;padding:10px;border-radius:10px;background-color:#121e3e;font-family:Rick and Morty;font-size:25px;color:#fff}.score-slot{display:grid;grid-template-columns:150px 30px;gap:10px}.value{text-align:end}.deck{width:80%;justify-self:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.container:hover{filter:brightness(1.25)}.card{width:10vw;height:15vw;min-width:120px;min-height:130px;position:relative;transform-style:preserve-3d;animation:rotateCard .7s 1 alternate}.front,.back{object-fit:cover;width:100%;position:absolute;border-radius:10px}.front{height:100%;z-index:2;backface-visibility:hidden}.back{z-index:1;height:100%}@keyframes rotateCard{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.shuffler{width:250px;justify-self:center;display:grid;grid-template-columns:auto auto;align-content:center;align-items:center;justify-content:center;justify-items:center;gap:10px}.tracker{background-color:#121e3e;padding:15px;border-radius:20px;font-family:Rick and Morty;font-size:40px;color:#fff;justify-self:center}.home{height:100%;display:grid;grid-template-rows:1fr auto}.welcome{justify-self:center;align-self:center;display:grid;grid-template-rows:repeat(2,auto) 50px;justify-content:center;align-items:center;justify-items:center;gap:20px}.welcome .home-button{grid-row:1 / 2}.difficulty-selector{grid-row:2 / 3;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.difficulty-level{grid-row:3 / 4;font-size:25px;font-family:Rick and Morty;color:#fff;width:130px;background-color:#121e3e;padding:10px;border-radius:5px;display:grid;justify-content:center;align-content:center}button{padding:10px;border-radius:6px;border:0px}.utility-buttons-container{display:flex;gap:10px}.utility-buttons-container button{border-radius:100px;width:40px;height:40px}.sound-button-icon,.music-button-icon,.instruction-button-icon,.shuffle-button-icon{display:grid;justify-content:center;align-content:center;width:20px;height:20px}.close-instruction-button-icon{width:15px;height:15px}.instruction .close-instruction-button{justify-self:start;width:20px;height:20px}.instruction .close-instruction-button-icon{scale:.5}.instruction-button{margin-left:auto}.playing-page{height:100%;display:grid;grid-template-rows:auto auto auto;align-content:space-between;gap:20px}.playing-page .home-button{justify-self:start}.pop-up-message{font-family:Rick and Morty;font-size:50px;color:#fff;justify-self:center;width:80%;max-width:700px;height:300px;padding:20px;border-radius:20px;text-align:center;display:grid;grid-template-columns:1fr;justify-content:center;align-content:center;gap:20px;background-color:#121e3e;position:relative;overflow:hidden}.message{z-index:2;width:fit-content;justify-self:center;padding:10px;border-radius:15px;font-size:120px;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#000000}.pop-up-message-background{justify-self:center;align-self:center;position:absolute;width:100%;filter:blur(1.5px)}@media screen and (max-width: 800px){.message{font-size:60px;-webkit-text-stroke-width:2px}.pop-up-message-background{width:auto;height:100%}}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.actions button{width:160px;border:1.5px solid black}.instruction-container{position:fixed;bottom:0;right:8%;display:grid;grid-template-rows:350px;gap:10px;margin:20px}.instruction{grid-column:1 / 2;grid-row:1 / 2;align-self:end;font-family:Rick and Morty;font-size:20px;padding:25px;background-color:#121e3e;border-radius:20px;margin-bottom:70px;color:#fff;display:grid}.close-instruction-button{height:30px;width:30px;display:grid;justify-content:center;align-content:center}.rick-and-morty{grid-column:1 / 2;grid-column:2 / 3;justify-self:end;align-self:end;height:150px;margin-bottom:30px}