@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400&display=swap");body,html{margin:0;font-family:Nunito Sans,sans-serif}#root,body,html{height:100%;width:100%}h1,h2,h3,p{margin-block-start:0;margin-block-end:0;font-weight:400}h3{font-size:1.24rem}p{font-size:1.06rem}a{text-decoration:none}form{width:100%}input[type=text]{box-sizing:border-box;width:100%;height:40px;border:none;border-bottom:4px solid #646464;padding:4px 15px;text-align:center;font-size:1.24rem;margin:0;color:#555}input[type=text]:focus{outline:none;border-bottom:4px solid #4f80b2}input[type=text]::selection{color:#fff;background:#4f80b2}.logo{position:absolute;transform:translate(-212px,-265px) rotate(-16deg)}.logo img{width:70px}.overlay{position:absolute;z-index:7;background:#fff}.overlay,.start-view{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.start-view{overflow:hidden;background:url(/bg.2f392b27.jpg) no-repeat 50% fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.start-content{width:940px;display:flex;justify-content:space-evenly;align-items:center}.lettering{height:80%;display:flex;flex-direction:column;justify-content:center}.lettering .text-container{padding:0 15px;margin:10px 0;background:#4f80b2;width:min-content}.lettering .text-container h1{font-size:4.6rem;line-height:1.1;color:#fff}.floating-container{width:422px;height:522px;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.floating-container .content{width:351px;height:85%;max-height:500px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.floating-container .content .options{width:85%;display:flex;flex-direction:column;justify-content:space-between}.floating-container .content .column{display:flex;flex-direction:column;align-items:center;margin:15px 0}.floating-container .content .row{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.floating-container .content.centered-vertical{justify-content:center}.blurb{margin:5px}.blurb,.button{text-align:center;color:#646464}.button{position:relative;margin:8px;padding:0 16px;width:calc(100% - 32px);height:63px;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;background:#fff;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);border:none}.button:before{z-index:-1;background:#4f80b2;height:0;transition:all .15s ease-out;-webkit-transition:all .15s ease-out}.button:after,.button:before{content:"";position:absolute;left:0;right:0;bottom:0}.button:after{z-index:-2;background:#d6d6d6;height:4px;transition:all .3s ease-out;-webkit-transition:all .3s ease-out}.button:focus{outline:none}.button.active:before,.button:focus:before,.button:hover:before{outline:none;height:4px}.button.small{margin:0;width:calc(30% - 32px);flex-direction:column;justify-content:center}.button.small p{font-size:1rem}.button.play{padding:0 30px;justify-content:center;height:45px;width:140px;margin:5px 0 0;background:#4f80b2;color:#fff}.button.play.full-width{margin:0;height:90%;width:100%}.button.play:after{background:#4f80b2}.button.play:before{background:#f4b82b}.button.disabled{color:#646464;background:#bbb;cursor:default;pointer-events:none}.button.disabled:after{background:#d6d6d6}.button.ready{color:#646464;background:#d6ec73}.button.ready:after{background:#d6d6d6}.centered-button-container{width:100%;display:flex;justify-content:center}.user-name-form{width:80%;max-width:225px;margin:30px}.user-name-form .button.play{margin-top:15px}ul.user-list{padding-inline-start:0;list-style-type:none;width:100%;height:250px;overflow-y:scroll;overflow-x:hidden;background:#fff}ul.user-list li{height:60px;width:100%;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}ul.user-list li:hover{background:#eee}ul.user-list li div{display:flex;align-items:center;overflow:hidden}ul.user-list li div>*{margin-right:10px}ul.user-list li img{height:40px}ul.user-list li i{color:#999;margin:0 15px}.results{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;width:85%}.results ul.user-list div{width:30%;display:flex;justify-content:center}.results ul.user-list li.legend{height:40px}
/*# sourceMappingURL=/styles.3a5906b7.css.map */