@import url("https://fonts.googleapis.com/css?family=Chelsea+Market&display=swap");@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;scroll-behavior:smooth}body{box-sizing:border-box;background-color:#004b7d;font-family:'Chelsea Market';color:#dd9f00}.container{display:grid;grid-template-rows:repeat(5, -webkit-min-content);grid-template-rows:repeat(5, min-content);grid-template-areas:"header" "main" "timer" "buttons" "instructions";padding:1.5rem;position:relative;max-width:1200px;margin:0 auto}@media only screen and (min-width: 48em){.container{padding:3rem}}@media only screen and (min-width: 64em){.container{grid-template-rows:repeat(3, -webkit-min-content);grid-template-rows:repeat(3, min-content);grid-template-columns:repeat(2, 1fr);gap:3rem;padding:3rem}}.gameWindow{grid-row:2 / 3}@media only screen and (min-width: 64em){.gameWindow{display:grid;grid-template-columns:50% 50%;grid-template-rows:100%;grid-template-areas:"left right";grid-row:2 / 3;grid-column:1 / -1;align-items:center}}.game-controls{display:flex;flex-direction:column;justify-content:center}.header{display:flex;justify-content:center;align-content:center}.header img{height:7rem}@media only screen and (min-width: 64em){.header{grid-row:1 / 2;grid-column:1 / -1}}.btn,.btn:link,.btn:visited{cursor:pointer;background-color:transparent;border:3px solid #dd9f00;color:#dd9f00;font-size:3rem;text-align:center;text-decoration:none;box-shadow:none;padding:1rem;border-radius:1.5rem;margin-bottom:1rem;transition:all .2s;width:98%;align-self:center}@media (hover: hover){.btn:hover{background-color:#dd9f00;color:#004b7d;border-color:#004b7d}}.btn:active,.btn:focus{outline:none;transform:translateY(1px)}@media only screen and (min-width: 23.4em) and (max-height: 41.69em){.btn,.btn:link,.btn:visited{font-size:2.5rem;width:90%;padding:.5rem}.btn:not(:last-child),.btn:link:not(:last-child),.btn:visited:not(:last-child){margin-bottom:1.5rem}}@media only screen and (min-width: 25.8em){.btn,.btn:link,.btn:visited{width:98%;padding:.5rem}.btn:not(:last-child),.btn:link:not(:last-child),.btn:visited:not(:last-child){margin-bottom:1.5rem}}@media only screen and (min-width: 48em){.btn,.btn:link,.btn:visited{width:90%;padding:.5rem;padding-top:1rem;padding-bottom:1rem}}h1{font-size:3.2rem}h2{font-size:2.2rem}p,li{font-size:1.8rem}a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@font-face{font-family:Goshen;src:url(font/Goshen.ttf) format("truetype")}.hidden{display:none !important}.invisible{-webkit-animation:fadeOut .7s;animation:fadeOut .7s}.visible{-webkit-animation:fadeIn .7s;animation:fadeIn .7s}.no-visibility{visibility:hidden}.setup{grid-area:main;display:flex;flex-direction:column;justify-content:center;padding:2.1rem 0}.setup__instructions{margin:1.5rem 0;text-align:center}.setup__exercise-select{margin-top:1.5rem;display:flex;flex-direction:column}.setup input{display:block;cursor:pointer;margin-top:1rem;margin-bottom:3rem;border:none;font-size:2.5rem;color:#004b7d;padding:.5rem .5rem;border-radius:1.5rem;width:90%;outline:none;text-align:center;font-family:'Chelsea Market';letter-spacing:.2rem;align-self:center}.setup label{font-size:3rem;width:90%;align-self:center}.setup img{height:3rem;padding-top:.7rem}.setup a{margin-top:1.5rem;width:90% !important}@media only screen and (min-width: 64em){.setup{grid-area:right;padding:0}}.deck{grid-area:main;display:flex;justify-content:center;position:relative;padding-top:1rem;padding-bottom:1rem}.deck img{width:100%;height:100%}.deck-container__card{display:flex;justify-content:center;width:90%}.deck__exercise{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:3.5rem;text-align:center}@media only screen and (min-width: 48em){.deck{margin-top:2.5rem}.deck img{width:65%}.deck__exercise{font-size:4.5rem}}@media only screen and (min-width: 64em){.deck{margin-top:0;padding-top:0;padding-bottom:0;grid-area:left;margin-bottom:1.7rem}.deck img{width:85%;height:100%}}.timer{display:flex;justify-content:space-between;padding:0 2rem;font-size:3rem}@media only screen and (min-width: 23.4em) and (max-height: 41.69em){.timer{padding:0}}@media only screen and (min-width: 48em){.timer{font-size:4.5rem;margin:0 3rem}}@media only screen and (min-width: 64em){.timer{grid-area:right;text-align:center;display:flex;flex-direction:column;font-size:7rem;align-self:center;margin-bottom:5rem}}.buttons{display:flex;flex-direction:column;justify-content:center;padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem}@media only screen and (min-width: 64em){.buttons{grid-area:right;padding-left:3rem;padding-right:3rem}}@media only screen and (min-width: 23.4em) and (max-height: 41.69em){.buttons{align-items:center}}.countdown{display:flex;justify-content:center;position:relative;margin-top:15rem;margin-bottom:25rem;opacity:1;font-size:18rem}@media only screen and (min-width: 23.4em) and (max-height: 41.69em){.countdown{margin-top:12rem;font-size:15rem}}@media only screen and (min-width: 48em){.countdown{margin-top:25rem}}@media only screen and (min-width: 64em){.countdown{grid-row:1 / -1;grid-column:1 / 3;font-size:24rem;margin-top:11rem}}.instructions{display:flex;flex-direction:column;margin-top:2rem;margin-right:1rem;margin-left:1rem}.instructions h1{margin-bottom:2.5rem}.instructions h2{margin-top:2.5rem;margin-bottom:2rem}.instructions ul{margin:1.5rem 0}.instructions li{list-style:none;margin-bottom:2rem;padding-left:2rem}.instructions p{margin-bottom:2rem}.instructions a{display:block;margin-top:2.5rem}@media only screen and (min-width: 23.4em) and (max-height: 41.69em){.instructions{align-items:center}.instructions h1{align-self:start;margin-top:2rem;margin-bottom:2rem}.instructions h2{margin-top:0rem;margin-bottom:1rem}.instructions ul{margin:1rem 0}.instructions li{margin-bottom:2rem;padding-left:2rem}.instructions p{margin-bottom:2rem}.instructions a{margin-top:1.5rem;margin-bottom:1.5rem}}@media only screen and (min-width: 64em){.instructions{grid-row:4 / 4;grid-column:1 / 3;margin-top:1rem}.instructions a{margin-top:5rem;margin-bottom:.5rem}.instructions .btn{width:40%}}.game-over{display:flex;flex-direction:column;justify-content:center;position:relative;margin-top:13rem;margin-bottom:17rem;opacity:1;font-size:4.5rem;text-align:center}.game-over__text{width:100%}.game-over__text-time{margin-top:3.5rem}.game-over__btn{margin-top:3.5rem}@media only screen and (min-width: 23.4em) and (max-height: 41.69em){.game-over{margin-top:7rem}}@media only screen and (min-width: 25.8em){.game-over{margin-top:10rem}}@media only screen and (min-width: 48em){.game-over{margin-top:20rem}}@media only screen and (min-width: 64em){.game-over{grid-row:1 / -1;grid-column:1 / 3}.game-over__btn{width:40%}}