@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";body{font-family:Raleway,sans-serif;margin:0;font-size:1.5em;text-align:center;background:#1b1523;color:#fff}.App{margin:40px auto}.App #landingpagefooter{width:100vw!important;position:fixed;height:fit-content;bottom:0;background-color:#00bfff;opacity:1;color:#fff;padding:0;text-align:center;z-index:3}html{height:100vh}.start-button{background:none;border:2px solid #fff;padding:6px 12px;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;font-size:1em;margin-top:30px}.finalbutton{background:none;padding:6px 12px;border-radius:4px;font-weight:700;cursor:pointer;font-size:1em;margin-left:10px}.finalbutton{max-width:200px}button:hover{background:#c23866;color:#fff}.card-grid{margin-top:40px;justify-content:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:2%;max-width:600px}.p{display:inline-block}h1{margin-top:15vh}@media screen and (min-width: 1920px){div.App{margin-top:10vh}.card-grid{margin-top:5vh;scale:1}}@media screen and (min-width: 2560px){div.App{margin-top:10vh}.card-grid{margin-top:10vh;scale:1.3}p.turns{margin-top:20vh}p{font-size:2em}}@media screen and (max-width: 650px){.card-grid{max-width:360px}.card-item img{max-width:50px}}h2{color:#000;font-size:28px;padding:0 40px}.text{color:#000}.turns{margin-top:85px}.topscores{margin-top:100px}.no-scores{text-align:center;padding:20px;color:#fff;font-size:1.1em}.leaderboard{margin:20px auto;max-width:600px;padding:20px;border-radius:10px}.victory-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;text-align:center;justify-content:center;align-items:center;z-index:10;min-width:300px;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 6px #0000001a;z-index:1}input{padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;width:40%;box-sizing:border-box;text-align:center}input::placeholder{text-align:center}.fireworks-container{position:fixed;size:cover;top:0%;left:0%;overflow:hidden}canvas{width:100vw!important}li{list-style:none;padding:10px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{background-color:#fff;display:flex;justify-content:center;text-align:center;position:fixed;bottom:0;width:100%}.card{position:relative}.card img{width:100%;display:block;border:2px solid #fff;border-radius:6px}.card .front{transform:rotateY(90deg);position:absolute;transition:all ease-in .1s}.flipped .front{transform:rotateY(0);transition-delay:.1s}.card .back{transition:all ease-in .1s;transition-delay:.1s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}#footerdiv{display:flex;align-items:center;width:100vw;justify-content:center}#game2:hover,#game3:hover,#githubicon:hover{transform:scale(1.1);transition:transform .2s ease-in-out;cursor:pointer}#game1,#game2,#game3,p#github.github{flex-basis:15%;font-weight:700}#game1,#game3{font-family:Courier New,Courier,monospace!important}#landingpagefooter p{font-size:16px!important;padding:0;text-shadow:none}a{color:#fff;text-decoration:none}#game2{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}#game3{font-family:Raleway,sans-serif!important}#githubicon{width:50px;height:50px;margin-right:10px;background-color:#fff;border-radius:2%}@media screen and (max-width: 600px){#footerdiv{display:flex;flex-direction:column;align-items:center;justify-content:center}p{padding:20px;text-shadow:none}p#score.score{font-size:25px!important}p#game1.game1,a{padding:10px;text-shadow:none}}@media screen and (max-width: 391px){#landingpagefooter{height:250px}#footerdiv{margin-bottom:-120px}#startBtn{margin-top:-120px}}@media screen and (min-width: 601px) and (max-width: 1108px){#footerdiv{padding:20px}}@media screen and (min-height: 1100px) and (max-height: 1400px){#startBtn{margin-top:100px}}@media screen and (min-width: 1109px){#landingpagefooter p{margin:5px}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.modal{position:fixed;display:flex;justify-content:center;left:50%;top:50%;flex-direction:column;align-items:center;transform:translate(-50%,-50%);z-index:1001;width:100%}.modal-content{background-color:#fff;width:60vw;min-height:45vh;max-height:80vh;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003}.modal-footer{display:flex;justify-content:flex-end;margin-top:20px}.modal-ok-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:50px}.modal-ok-button:hover{background-color:#0056b3}.card-item img:hover{transform:scale(1.1);transition:transform .2s ease-in-out;cursor:pointer}.card-grid2{display:grid;margin:10px;padding-top:20px;grid-template-columns:1fr 1fr 1fr;gap:10px;justify-content:space-between}.card-grid2 img{width:100px}