@media screen and (min-width : 640px){.grid-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:-19px;margin-right:-19px}}.grid-item-1,.grid-item-2,.grid-item-3,.grid-item-4,.grid-item-5,.grid-item-6{margin-bottom:1em}@media screen and (min-width : 640px){.grid-item-1,.grid-item-2,.grid-item-3,.grid-item-4,.grid-item-5,.grid-item-6{padding-left:19px;padding-right:19px;margin-bottom:0}}@media screen and (min-width : 640px){.grid-item-1{-webkit-box-flex:1;-ms-flex:1;flex:1}}@media screen and (min-width : 640px){.grid-item-2{-webkit-box-flex:2;-ms-flex:2;flex:2}}@media screen and (min-width : 640px){.grid-item-3{-webkit-box-flex:3;-ms-flex:3;flex:3}}@media screen and (min-width : 640px){.grid-item-4{-webkit-box-flex:4;-ms-flex:4;flex:4}}@media screen and (min-width : 640px){.grid-item-5{-webkit-box-flex:5;-ms-flex:5;flex:5}}@media screen and (min-width : 640px){.grid-item-6{-webkit-box-flex:6;-ms-flex:6;flex:6}}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}*{outline:none}body{background-color:#1b1464;color:#fff;font-family:"Montserrat",sans-serif;font-weight:600;font-size:15px;line-height:1.3;text-align:center;padding:0 0 100px;margin:0}.error{color:#df2e66}.box{border-radius:10px;text-align:center;background-color:rgba(0,0,0,.5);padding:25px;margin-bottom:15px}.box.light-orange{background-color:#fdb913}.box.light-orange button:hover{background-color:#7c2917}.eliminated .box{background-color:#df2e66}.eliminated #question{margin:0}.winner .box{background-color:#0baf8f}.winner #question{margin:0}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.text-center{text-align:center}.disabled{opacity:.25}a{text-decoration:none}p{margin:0}h1{font-family:"Montserrat Alternates",sans-serif;font-weight:900;font-size:65px;line-height:1}h5,h6{font-size:12px;text-transform:uppercase;letter-spacing:2px}h5{font-size:18px}button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:800;font-size:13px;padding:13px 28px;min-width:150px;color:#fff;text-transform:uppercase;letter-spacing:1px;border:none rgba(0,0,0,0);background-color:#0baf8f;border-radius:30px;-webkit-transition:background-color 250ms ease;transition:background-color 250ms ease}button:focus,button:hover{background-color:#df2e66}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:focus,button:disabled:hover{background-color:#d9d9d9}input[type=text]{font-family:"Poppins",sans-serif;font-weight:400;border:1px solid #bcbcbc;border-radius:30px;font-size:12px;padding:12px;width:100%;display:block;margin:10px 0}input[type=text]:focus{outline:0;border-color:#0baf8f}input[type=text].error{border-color:#df2e66}form.input-button{position:relative}form.input-button input[type=text]{height:45px;padding:0 45px 0 12px}form.input-button button{position:absolute;top:5px;right:5px;min-width:35px;width:35px;height:35px;padding:0;background-image:url("../images/icon-arrow-white.svg");background-position:center center;background-repeat:no-repeat}.input-description{font-size:12px;color:rgba(255,255,255,.6)}.room-code{font-size:35px;text-transform:uppercase;letter-spacing:3px;color:#000}#menu-open,#menu-close,.close-overlay{width:25px;height:21px;cursor:pointer;position:absolute;top:10px;left:15px;z-index:60}#menu-open span,#menu-close span,.close-overlay span{display:block;position:absolute;top:2px;left:0;width:100%;height:3px;border-radius:2px;background-color:#fff}#menu-open span:nth-child(2),#menu-close span:nth-child(2),.close-overlay span:nth-child(2){top:9px}#menu-open span:nth-child(3),#menu-close span:nth-child(3),.close-overlay span:nth-child(3){top:16px}#menu-close span:nth-child(1),.close-overlay span:nth-child(1){top:9px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#menu-close span:nth-child(2),.close-overlay span:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#main-menu{background-color:#000;width:100%;height:100%;padding:75px 20px;color:#fff;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 250ms ease;transition:-webkit-transform 250ms ease;transition:transform 250ms ease;transition:transform 250ms ease, -webkit-transform 250ms ease;position:fixed;top:0;left:0;z-index:60}@media screen and (min-width : 640px){#main-menu{width:300px;-webkit-transform:translateX(-300px);transform:translateX(-300px)}}#main-menu ul{list-style:none;margin:0;padding:0}#main-menu li{margin-bottom:15px}#main-menu a{color:#fff;font-size:21px}.menu-open #main-menu{-webkit-transform:translateX(0px);transform:translateX(0px)}#large-header{background-color:#fff;padding:37px 20px 50px;margin-bottom:35px}#large-header h1{color:#1b1464;margin:0}#large-header h1 span{display:block;font-size:18px;letter-spacing:3px;font-weight:500}#header{background-color:#fff;position:relative;z-index:50;height:40px;line-height:40px;margin-bottom:50px}#header h1{color:#1b1464;margin:0;font-size:19px;display:inline-block}#content{padding:0 15px;max-width:1000px;margin:0 auto}#status,#lobby{text-align:center;margin:10px 0 30px;color:rgba(255,255,255,.75);font-size:15px}#title-box-heading{margin-bottom:10px}@media screen and (min-width : 640px){#title-box-heading{margin-bottom:30px}}#question{color:#fff;font-weight:600;margin-bottom:10px}@media screen and (min-width : 640px){#question{font-size:28px;margin-bottom:30px}}.final-screen #question{font-size:42px;font-weight:700}#options{list-style:none;padding:0;margin:0 0 20px}@media screen and (min-width : 640px){#options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}}#options .option{background-color:#fff;color:#000;border-radius:10px;margin-bottom:10px;padding:10px 15px;cursor:pointer;text-align:center;font-weight:700}@media screen and (min-width : 640px){#options .option{width:calc(50% - 20px);margin-left:10px;margin-right:10px}}.voted #options .option,.results-screen #options .option{cursor:not-allowed;opacity:.2}.voted #options .option.clicked,.results-screen #options .option.clicked{background-color:#fff;opacity:1}.voted #options .option.user-guess,.results-screen #options .option.user-guess{background-color:#df2e66;color:#fff;opacity:.6}.voted #options .option.selected,.results-screen #options .option.selected{background-color:#0baf8f;color:#fff;opacity:1}.host #options .option{cursor:default}#players ul{list-style:none;padding:0;margin:0 0 20px}@media screen and (min-width : 640px){#players ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#players li{background-color:#fff;color:#000;border-radius:10px;margin-bottom:10px;padding:10px 15px;text-align:center;font-weight:700}@media screen and (min-width : 640px){#players li{width:190px;margin-left:10px;margin-right:10px}}#actions{position:fixed;bottom:0;left:0;width:100%;background-color:#000;z-index:50;padding:15px;text-align:center}@media screen and (min-width : 640px){#actions{position:static;bottom:auto;left:auto}}.overlay{display:none;position:fixed;top:40px;right:15px;left:15px;bottom:15px;background-color:#1b1464;color:#fff;z-index:75;border-radius:15px}.overlay header{background-color:#df2e66;color:#fff;position:relative;text-align:center;border-radius:15px 15px 0 0;height:59px;line-height:59px}.overlay header h5{margin:0}.overlay .close-overlay{left:auto;top:19px;right:15px}.disconnected,.rules-open,.edit{overflow:hidden}.disconnected #menu-open,.rules-open #menu-open,.edit #menu-open{display:none}#name-screen .admin-container{max-width:500px;margin:0 auto}#name-screen .logo{margin-bottom:35px}#name-screen button{background-color:#0baf8f}#reconnecting{background-color:rgba(0,0,0,.5);color:#fff;font-weight:700;padding:35px;text-align:center}.admin{display:none}.show-admin .admin{display:block}.show-admin button.admin{display:inline-block}.link{color:#0baf8f;cursor:pointer}.link:hover{color:#df2e66}.edit #name-screen,.manage-players #players-screen,.disconnected #reconnecting,.rules-open #rules-screen{display:block}table{height:100%;overflow:scroll}.admin-container{padding:25px;overflow-x:auto}table{width:100%;text-align:left;font-size:14px;margin-bottom:10px;border-collapse:collapse}th,td{border-bottom:1px solid rgba(255,255,255,.5);padding:8px 10px}#buttons{position:fixed;bottom:0;right:0;padding:15px}#timer{border-radius:7px;background-color:#fff;width:100%}#progress{height:12px;background-color:#0baf8f;display:block;width:100%;border-radius:7px}#timer,#start,#users,#next,#new-game,#title-box,#name-error{display:none}.home #start{display:inline-block}.home #content{max-width:750px}.home .box{color:#fff}@media screen and (min-width : 640px){.home .box{height:100%;padding:45px}}.home .box p{font-weight:700;margin-bottom:15px}@media screen and (min-width : 640px){.home .box p{font-size:20px;margin-bottom:30px}}.home input[type=text]{margin-bottom:0;background-color:#fff}#join{text-align:center}#join h5,#join img{margin-bottom:15px}
/*# sourceMappingURL=style.css.map */