body{margin:1rem;display:flex;justify-content:center;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;text-align:center;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}#myVideo{position:fixed;left:0;bottom:0;min-width:100%;min-height:100%;z-index:-1}.modal{background-color:#fff;justify-self:center;grid-column:2 / 3;padding:2rem;border-radius:2rem;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:2rem;opacity:.9;position:relative}.modal button{border:none;background-color:#000;color:#fff;border-radius:2rem;padding:.5rem 1rem;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-size:1.75rem}.modal button:hover{background-color:#696969;cursor:pointer;transform:scale(1.1)}.cards{margin:1rem;grid-column:1/4;display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.score-board{border:3px solid black;animation:turn .75s ease-in 1 normal;grid-column:span 3;border-radius:1.25rem;display:flex;flex-direction:column;padding-bottom:3.75rem;justify-self:center;height:30%;width:40%;max-width:300px;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-size:1rem;opacity:.9;position:relative;align-items:center}.score-container{position:relative;background-color:#fff;width:55%;padding:.5rem;margin:.4rem 0 1rem;display:flex;flex-direction:column;gap:.25rem;border-radius:1rem;border:3px solid rgb(5,92,5)}.glitch{border-radius:.75rem;top:0;left:0;position:absolute;z-index:1;width:100%;height:100%;animation:glitch 3s ease-in infinite alternate}.score-board p{margin:0}.score-background{border-radius:1rem;position:absolute;width:100%;height:100%;z-index:-1}@keyframes glitch{0%{z-index:-1}10%{z-index:0}20%{z-index:-1}to{z-index:-1}}@media (min-width: 1280px){#root{max-width:2560px;margin:0 3rem}}@media (max-width: 1200px){.modal{grid-column:span 3;margin:2rem}}@media (max-width: 1000px){.score-board{grid-column:span 3;height:25%;width:40%;max-width:300px;font-size:.9rem}.score-container{width:60%;height:60%;padding:1rem;margin:.4rem 0 1rem;gap:0;justify-content:center}}@media (max-width: 600px){#root{margin-top:0;gap:0}.modal{margin:.25rem}.cards{margin:0rem}.score-board{grid-row:1 / 2;grid-column:span 3;width:50%}}.start-jake{position:absolute;width:10rem;top:0;left:0;transform:rotate(30deg);z-index:-1}.start-finn{position:absolute;width:5rem;bottom:1rem;right:1rem;transform:rotateY(180deg);z-index:-1}.difficulty h1{font-size:2.5rem}.difficulty p{font-size:1.75rem}.difficulty form{display:grid;grid-template-columns:repeat(3,1fr);margin:2rem 0}.difficulty label{display:grid;justify-items:center;background-color:#696969;padding:1rem;border-radius:1rem;margin:.5rem;transition:transform .1s}.difficulty label:hover{cursor:pointer;transform:scale(1.1);background-color:#050535}.difficulty input{display:none}.difficulty input:checked+label{background-color:red}.difficulty button{font-size:1.75rem;font-weight:900;padding:.5rem 1rem}.difficulty img{transform:scaleX(-1)}.hidden{visibility:hidden}@media (max-width: 1000px){.difficulty{padding:.75rem .75rem 2rem;margin:1rem}}@media (max-width: 600px){.difficulty{margin:.25rem}.difficulty form{grid-template-columns:1fr}.difficulty label:hover{transform:scale(1.05)}}.turning{animation:turn .75s ease-in 1 normal;animation-fill-mode:forwards}.card{justify-self:center;width:13vw;height:33vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#3c363f;color:#fff;border-radius:1rem;border:2px solid white;opacity:.9;visibility:hidden;padding-top:1rem}.img-container{border-radius:.75rem;border:2px solid white;width:80%;height:70%}.card img{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.card:hover{opacity:.7;cursor:pointer}.card:active{opacity:.9}.card p{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-size:1.75rem;margin-bottom:.5rem}@keyframes turn{0%{transform:scale(0)}to{visibility:visible;transform:scale(1)}}@media (max-width: 1200px){.card{min-width:150px;height:30vh;padding-top:.25rem}.card p{font-size:1.5rem}.img-container{height:60%}}@media (max-width: 700px){.card{min-width:120px;height:20vh;padding-top:.25rem}.card p{font-size:1.25rem;margin-bottom:.25rem}}@media (max-height: 700px){.card p{margin-bottom:0}}.win{opacity:.9;display:grid}.win img{width:100%;margin-bottom:1rem}.win button{margin:.25rem;font-size:1.75rem;padding:.5rem;font-weight:900}@media (max-width: 1200px){.win{grid-column:span 3}}@media (max-width: 600px){.win{margin:.25rem;padding:1.25rem}}.loss{opacity:.9;display:flex;flex-direction:column;margin:2rem 0;width:90%}.loss img{max-height:350px;justify-self:center;align-self:center;padding:0;margin-bottom:1rem;z-index:-1}.loss h1{margin:1rem}.loss button{margin:.25rem;font-size:1.75rem;padding:.5rem;font-weight:900}@media (max-width: 1200px){.loss{grid-column:span 3}}@media (max-width: 400px){.loss{padding:1rem;margin:.25rem}.loss h1{font-size:3rem}}