body,html{background:#0081ff 0% 0% no-repeat padding-box;font-size:16px}.container{margin-top:20px;margin-bottom:20px;height:calc(100vh - (2* 20px))}#instructions{position:absolute;z-index:4;background-color:#0081ff;width:100vw;height:100vh;top:calc(20px * -1);left:calc(20px * -1);right:calc(20px * -1);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;color:#FFFFFF;text-align:center}#instructions h1{font-weight:bold}.button{z-index:3;background-color:#FFFFFF;border-radius:10px;padding:1px 15px 4px 15px;border:#FFFFFF;color:#0081ff;font-size:1.5rem;font-weight:bold;pointer-events:all}.card{margin-top:calc(20px * 1.5);border-radius:35px;padding:20px}@media (max-width:640px){.card{padding:5px}}.card h2.double-padded,.card p.section{color:#031037}.card .media{border-radius:20px;height:100%!important;-o-object-fit:fill!important;object-fit:fill!important}.card-finish{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.card-finish h1,.card-finish h3{color:#FFFFFF;text-align:center}#container-overlay{background-color:rgba(0,0,0,0.6);width:100vw;height:100vh;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:2;top:calc(20px * -1);left:calc(20px * -1);right:calc(20px * -1);pointer-events:none}@media (max-width:640px){#container-overlay{top:calc(20px / 2 * -1);left:calc(20px / 2 * -1);right:calc(20px / 2 * -1)}}#container-overlay .close{position:absolute;top:20px;right:20px}#column-results{height:calc(100vh - (2* 20px))}#column-game{height:calc(100vh - (2* 20px))}#container-results{background:#4da7ff;height:calc(100% + (20px));margin-top:calc((20px / 2) * -1);padding:calc(20px / 1) 0;border-radius:35px}@media (max-width:640px){#container-results{border-radius:15px;padding:calc(20px / 2) 0}}#container-results .row{height:100%;-ms-flex-line-pack:justify;align-content:space-between}#container-results .col-sm-12{max-width:calc(100% - (20px * 2));-ms-flex-preferred-size:calc(100% - (20px * 2));flex-basis:calc(100% - (20px * 2));height:calc((calc(100vh - (2* 20px)) - (3 * 20px)) / 3);background-color:#0d87ff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 calc(20px / 1);padding:0;overflow:hidden;border-left:1vh solid white;border-right:1vh solid white;border-radius:20px}@media (max-width:640px){#container-results .col-sm-12{border-left-width:0.5vh;border-right-width:0.5vh;border-radius:10px;height:calc((calc(100vh - (2* 20px)) - (3 * (20px /2))) / 3);margin:0 calc(20px / 2);max-width:calc(100% - (20px));-ms-flex-preferred-size:calc(100% - (20px));flex-basis:calc(100% - (20px))}}#container-results .col-sm-12:empty{border-left:0vh solid white;border-right:0vh solid white;border-radius:20px}@media (max-width:640px){#container-results .col-sm-12:empty{border-radius:10px}}#container-results .col-sm-12:empty:after{content:attr(data-title);color:white;font-size:1.1vw;font-weight:bold;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-transition:1s linear all;transition:1s linear all}#container-results .resultcard{width:100%;height:100%;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:cover;background-position:center center;-webkit-transition:1s linear all;transition:1s linear all;cursor:pointer}#container-results .resultcard:after{content:" ";background-color:rgba(254,255,242,0);width:100%;height:100%;display:block;position:relative;-webkit-transition:1s linear all;transition:1s linear all}#container-game{height:100%}#container-game .row{height:inherit}#container-game .col-sm-1{max-width:calc(25% - 20px);-ms-flex-preferred-size:calc(25% - 20px);flex-basis:calc(25% - 20px);height:calc((calc(100vh - (2* 20px)) - (3 * 20px))/ 3);background-color:#0074e6;-webkit-box-sizing:border-box;box-sizing:border-box;margin:calc(20px / 2);padding:0;border-radius:20px;overflow:hidden}@media (max-width:640px){#container-game .col-sm-1{border-radius:10px;max-width:calc(25% - (20px / 2));-ms-flex-preferred-size:calc(25% - (20px / 2));flex-basis:calc(25% - (20px / 2));height:calc((calc(100vh - (2* 20px)) - (3 * (20px / 2)))/ 3);margin:calc(20px / 4)}}#container-game .col-sm-1 .gamecard{height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:cover;background-position:center center;-webkit-transition:1s linear all;transition:1s linear all;cursor:pointer}#container-game .col-sm-1 .gamecard:after{content:attr(data-title);color:white;font-size:1.2vw;font-weight:bold;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;text-shadow:0px 0px 10px black;width:calc(100% - 40px);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-transition:1s linear all;transition:1s linear all;padding-left:20px;padding-right:20px}#container-game .col-sm-1 .gamecard.active{opacity:1}#container-game .col-sm-1 .gamecard.active:after{background-color:rgba(16,68,148,0.6);-webkit-transition:none;transition:none}#container-game .col-sm-1 .gamecard.correct{pointer-events:none}#container-game .col-sm-1 .gamecard.correct:after{background-color:#0074e6;content:""}#container-game .col-sm-1 .gamecard.incorrect{pointer-events:none}#container-game .col-sm-1 .gamecard.incorrect:after{background-color:rgba(162,48,48,0.6);-webkit-transition:none;transition:none}