.App-logo{height:40vmin;pointer-events:none}.red-border{border:1px solid red}.green-border{border:1px solid green}@media (prefers-reduced-motion:no-preference){.App-logo{animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite both}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.Configuration{align-items:center;display:flex;flex-direction:column;height:100vh}.config-title{background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 8px 0 #000;font-size:65px;padding:3px 50px}.config-container{align-items:center;background-color:#616161;border-radius:25px;box-shadow:0 4px 8px 0 #636161;display:flex;flex-direction:column;height:65%;justify-content:space-evenly;margin:auto;overflow-y:auto;padding:10px;width:80%}.config-label{background-color:#f5f5f5;border-radius:10px;box-shadow:0 2px 2px 0 #000;display:flex;font-size:25px;font-weight:800;justify-content:space-between;padding:25px 50px;width:70%}.config-select{border-radius:5px;width:50%}.container-form{align-items:center;background-color:#616161;display:flex;justify-content:center;margin:auto;max-height:80vh;max-width:80vw;padding:20px}.container-form-box{border:3px solid #3c3c3c}.container-form-header{margin:24px 0 12px;text-align:center}.svg_avatar{border-radius:50%;width:30%}.container-form-main{padding:16px;text-align:center}.container-form-main-label1-input1,.container-form-main-label2-input1{background-color:#f5f5f5;border:1px solid #ccc;border-radius:10px;font-size:15px;font-weight:800;margin:8px 0;padding:12px 20px;width:100%}.container-form-main-button1,.container-form-main-button2{background-color:#1e8ac8;border:3px solid#1e8ac8;border-radius:5px;box-shadow:0 2px 2px 0 #000;color:#f5f5f5;font-size:15px;font-weight:800;margin:15px 12px;padding:8px;transition-duration:.4s;width:40%}.container-form-main-button1:hover,.container-form-main-button2:hover{background-color:#f5f5f5;color:#000;transform:scale(1.1)}.disabled{cursor:not-allowed;opacity:.75}.Ranking{height:100vh}.Ranking,.title-container{align-items:center;display:flex;flex-direction:column}.title-container{background-color:#3c3c3c;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 4px 8px 0 #5c5c5c;height:25%;justify-content:space-evenly;text-align:center;width:90%}.ranking-title{background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 8px 0 #000;font-size:65px;padding:3px 50px}.home-button{background-color:#c5c7c3;border:3px solid#c5c7c3;border-radius:5px;box-shadow:0 2px 2px 0 #000;font-size:17px;font-weight:800;max-width:150px;padding:3px;transition-duration:.4s;width:17%}.home-button:hover{background-color:#f5f5f5;color:#000;transform:scale(1.1)}.ranking-container{background-color:#616161;border-radius:25px;box-shadow:0 4px 8px 0 #636161;flex-direction:column;height:65%;justify-content:center;margin:auto;overflow-y:auto;padding:10px;width:80%}.rank-card,.ranking-container{align-items:center;display:flex}.rank-card{background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 8px 0 #000;justify-content:space-between;margin:10px;width:85%}.rank-img{border-bottom-left-radius:10px;border-right:4px solid #000;border-top-left-radius:10px;height:80px;width:80px}.rank-score{align-items:center;border-left:4px solid #000;display:flex;height:100%;justify-content:center;width:80px}::-webkit-scrollbar{margin-right:10px;width:8px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:#000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3c3c3c}.Header{align-items:center;background-color:#3c3c3c;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 4px 8px 0 #5c5c5c;display:flex;height:130px;justify-content:space-around;width:100%}.player-img{border:3px solid #fff;border-radius:100%;margin:0 60px;width:100px}.player-name{background-color:#fff;border-radius:15px;margin:0 25px;padding:13px 40px}.player-score{background-color:#fff;border-radius:12px;margin:5px;padding:8px 25px;width:210px}.player-score span{font-weight:800}.Question{background-color:#616161;border-radius:25px;box-shadow:0 4px 8px 0 #636161;height:calc(100vh - 250px);margin:50px auto;width:70vw}.Question,.question-container{align-items:center;display:flex;justify-content:center}.question-container{flex-direction:column;height:100%;padding:10px;width:60%}.rotated-card-1{background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 4px 0 #000;margin:auto;min-height:75%;transform:rotate(2deg);width:85%}.rotated-card-2{box-shadow:0 4px 4px 0 #000;transform:rotate(-4deg)}.question-card,.rotated-card-2{background-color:#f5f5f5;border-radius:10px;height:100%;width:100%}.question-card{box-shadow:0 4px 4px 2px #000;transform:rotate(2deg)}.question-card>*{align-items:center;display:flex;justify-content:center}.category{background-color:#c9c9c9;border-bottom:3px solid #000;border-spacing:20 px;border-top:1px solid #b4b4b4;border-top-left-radius:10px;border-top-right-radius:10px;font-size:30px;font-weight:800;height:25%;padding:18px 10px}.category,.question{text-align:center;width:100%}.question{font-size:24px;height:75%;line-height:30px;padding:10px 20px}.timer{background-color:#c5c7c3;border-radius:10px;box-shadow:0 4px 4px 0 #000;font-size:20px;font-weight:800;margin:auto;padding:15px;text-align:center;transition-duration:.4s;width:80px}.timer-ending{color:#db1f1f;font-size:30px;padding:10px}.vl{background-color:#000;border-radius:10px;height:85%;width:5px}.buttons-container{align-items:center;display:flex;flex-direction:column;padding:5px;width:40%}.answer{background-color:#1e8ac8;border:3px solid#1e8ac8;border-radius:5px;box-shadow:0 2px 2px 0 #000;color:#f5f5f5;font-size:15px;font-weight:800;margin:15px 12px;padding:8px;transition-duration:.4s;width:80%}.answer:hover{background-color:#f5f5f5;color:#000;transform:scale(1.1)}.correct-answer{background-color:#1d5a41;border:3px solid #06f00f;color:#fff;cursor:not-allowed;opacity:.3}.correct-answer:hover{transform:scale(1)}.wrong-answer{background-color:#66241e;border:3px solid red;color:#fff;cursor:not-allowed;opacity:.3}.wrong-answer:hover{transform:scale(1)}.selected-answer{opacity:1}.next-button{background-color:#c5c7c3;border:3px solid#c5c7c3;border-radius:5px;box-shadow:0 2px 2px 0 #000;font-size:15px;font-weight:800;margin:15px 12px;padding:8px;transition-duration:.4s;width:30%}.next-button:hover{background-color:#f5f5f5;color:#000;transform:scale(1.1)}.loading{font-size:50px;justify-content:center;margin:auto}.FeedBack,.loading{align-items:center;display:flex;height:calc(100vh - 250px)}.FeedBack{background-color:#616161;border-radius:25px;box-shadow:0 4px 8px 0 #636161;flex-direction:column;justify-content:space-around;margin:50px auto;width:50vw}.feedback-container{align-items:center;background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 8px 0 #000;display:flex;flex-direction:column;height:70%;justify-content:space-evenly;padding:20px;width:90%}.fb-h1{font-size:45px;font-weight:800}.fb-h2{font-size:20px;font-weight:600}.fb-buttons-container{display:flex;justify-content:center;width:100%}.fb-buttons-container button{background-color:#c5c7c3;border:3px solid#c5c7c3;border-radius:5px;box-shadow:0 2px 2px 0 #000;font-size:15px;font-weight:800;margin:15px 12px;padding:8px;transition-duration:.4s;width:30%}.fb-buttons-container button:hover{background-color:#f5f5f5;color:#000;transform:scale(1.1)}body{background-image:url(/triviaApp/static/media/tile_background.20d560ac.png);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,.App,body{height:100vh;margin:0;padding:0;width:100vw}.App{display:flex;flex-direction:column}*{box-sizing:border-box;margin:0;padding:0}
/*# sourceMappingURL=main.3288d72d.chunk.css.map */