html{font-size:62.5%;box-sizing:border-box}@media (max-width:768px){html{font-size:45%;box-sizing:border-box}}body{font:1.6rem Helvetica;height:125vh;margin:0;background-image:url(../../static/media/bg.8987bb8c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}button{font-size:1.6rem}#root{height:100%}.grid-container{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:5rem 1fr 5rem;height:100%}.header{grid-area:header;background-color:#203040;color:#fff;display:flex;justify-content:space-between;padding:1rem}.brand a{font-size:2.5rem;font-weight:700}.brand a,.header-links a{color:#fff;text-decoration:none}.header-links a{font-size:1.5rem;padding-right:1rem;margin-top:1rem}.header-links a:hover{color:tomato}.main{grid-area:main}.footer{grid-area:footer;background-color:#203040;color:#fff;display:flex;justify-content:center;align-items:center}a{text-decoration:none}a:hover{color:tomato}.button{padding:1rem;border:.1rem solid grey;border-radius:.5rem;cursor:pointer;background-color:#f0c040}.button:hover{border:.1rem solid #404040}.button.primary{background-color:#f0c040}.button.secondary{background-color:#f0f0f0}.text-center{text-align:center}.inst{border-radius:3rem!important}hr{border:1px solid red}.form{display:flex;justify-content:center;align-items:center;height:100%}label{font-size:1.5rem}.form-container{display:flex;flex-direction:column;width:38rem;padding:2rem;border:.2rem solid silver;border-radius:2rem;list-style-type:none}.form-container li{display:flex;flex-direction:column;margin-bottom:1rem;margin-top:1rem;margin-left:1rem}input{padding:1rem;border:.1rem solid silver;border-radius:.5rem}.form{padding-top:7%}.jumbotron{background-color:rgba(250,248,248,.9)}#reg{background-color:rgba(209,198,198,.7)}#home{display:flex;justify-content:space-around;height:125vh;width:100%}section{background-color:rgba(209,198,198,.7);padding-left:2rem;padding-right:2rem;height:80%;width:35%;border-radius:10px;box-shadow:1px 1px 20px 10px #0ff}.cube{color:orange;font-size:8rem}h1{font-size:3rem;font-weight:700;text-align:center;color:#fff}.play-button-container{width:100%}a.play-button{background-color:#9acd32;color:#fff;cursor:pointer;padding:1rem;border-radius:30px;display:block;text-align:center;transition:all .3s linear}a.play-button:hover{-webkit-filter:brightness(25%);filter:brightness(25%)}.auth-container{width:100%;display:flex;justify-content:space-around}#login-button{background-color:red;padding:1rem}#login-button:hover{-webkit-filter:brightness(25%);filter:brightness(25%);border-width:4px}#signup-button{background-color:#3700ff;padding:1rem}#signup-button:hover{-webkit-filter:brightness(25%);filter:brightness(25%)}.auth-container .auth-buttons{color:#fff;cursor:pointer;border-radius:30px;padding:1rem 0;text-align:center;width:45%;transition:all .3s linear}@media (max-width:768px){#home section{padding:0 1rem;width:80%;height:70%;box-shadow:1px 1px 20px 10px #0ff}#instructions{padding:0 1rem;width:100%;height:100%}.table{overflow-x:auto}}.questions{background-color:#f5f5f5;border-left:5px solid #00f;width:80%;margin:3rem auto 0;padding:1.5rem 2rem}h2{text-align:center;font-weight:lighter}.lifeline-container{display:flex;justify-content:space-between}.lifeline{position:relative;top:-3px}.lifeline-icon{color:#adff2f;cursor:pointer}.lifeline-icon:hover{background:none;color:orange}h5{font-size:1.2rem;margin-bottom:2rem;line-height:1.5;text-align:center}.options-container{display:inline-block;width:50%}.option{background-color:#7491df;border-radius:30px;color:#fff;cursor:pointer;margin:2rem;padding:1rem;transition:all .3s linear;text-align:center;width:90%}.option:hover{-webkit-filter:brightness(85%);filter:brightness(85%)}.button-container{display:flex;justify-content:flex-start;margin:0 auto 1rem;padding:1.5rem;width:80%}.button-container button{border:none;color:#f5f5f5;cursor:pointer;margin-right:1.5rem;padding:.5rem 1rem}.button-container button:first-child{background-color:darken(#3c3ce0,10%);box-shadow:#ff0;transition:all .2s linear}.button-container button:first-child:hover{background-color:darken(#3c3ce0,30%)}.button-container button:nth-child(2){background-color:darken(green,10%);box-shadow:#ff0;transition:all .2s linear}.button-container button:nth-child(2):hover{background-color:darken(green,30%)}.button-container button:last-child{background-color:darken(red,10%);box-shadow:#ff0;transition:all .2s linear}.button-container button:last-child:hover{background-color:darken(red,30%)}
/*# sourceMappingURL=main.30741c57.chunk.css.map */