body{margin:0;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}.App{text-align:center}.App-logo{animation:shake .82s infinite;height:30vmin;pointer-events:none}.red-border{border:1px solid red}.green-border{border:1px solid green}.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)}}.btn-play,.btn-settings{background-color:#fff;background-image:linear-gradient(45deg,#f1c40f 50%,transparent 0);background-position:100%;background-size:300%;border-color:#080808;border-radius:20px;color:#0a0a0a;font-size:15px;height:35px;margin-top:5px;transition:background .3s ease-in-out;width:120px}.btn-play:hover,.btn-settings:hover{background-position:0;border-color:#f1c40f}.email-input,.name-input{background:transparent;border:0;border-bottom:2px solid grey;color:#fff;font-family:inherit;font-size:1.3rem;outline:0;padding:7px 0;transition:border-color .2s;width:100%}form{align-items:center;display:flex;flex-direction:column;justify-content:space-between}input:focus{border-image:linear-gradient(90deg,#f1c40f,#bebec9);border-image-slice:1;border-width:3px;font-weight:700;padding-bottom:6px}.login-section{background-color:rgba(20,19,19,.4196078431372549);border-radius:3px;margin-top:20px;padding:50px 70px}@media screen and (max-width:768px){form{height:30vh;width:20vh}}.settingsPage{align-items:center;background-color:#282c34;display:flex;flex-direction:column;height:100vh;width:100%}.settings{background-color:#f58a27;color:#000;font-size:40px;margin:0;padding:20px;width:100%}.game-pag{background-color:#282c34;flex-direction:column;height:100vh}.game-header,.game-pag{align-items:center;display:flex;width:100%}.game-header{background-color:#f58a27}.user-Image{border-radius:100%;height:40px;margin:10px;width:40px}.playerName,.playerScore{margin:10px}.questions-section{background-color:#ebe419;border-radius:10px;display:flex;flex-direction:column;margin-top:50px;padding:10px;width:500px}.timer-div{align-items:center;align-self:center;background-color:#fff;border-radius:100%;display:flex;font-size:30px;height:80px;justify-content:center;width:80px}.question-div{font-size:30px;margin:10px 0}.answers-div{align-items:center;background-color:#f58a27;display:flex;flex-direction:column}.answerBtn,.btn_Answer,.nextBtn{background-image:linear-gradient(45deg,#feed00 50%,transparent 0);background-position:90%;background-size:500%;border-radius:10px;color:#000;cursor:pointer;font-weight:800;height:50px;margin:10px;transition:background .7s ease-in-out}.answerBtn,.btn_Answer{width:80%}.answerBtn:disabled{background-color:red;background-image:none;border:3px solid red}.btn_Answer:disabled{background-color:#06f00f;background-image:none;border:3px solid #06f00f}.answerBtn:hover,.btn_Answer:hover{background-position:0;box-shadow:1px 1px 25px 10px rgba(207,90,61,.4);color:#fff}.nextBtn{align-self:center;border-radius:10px;height:50px;transition:width 2s,height 2s,transform 2s;width:50px}.nextBtn:hover{background-image:linear-gradient(45deg,#f58a27 50%,transparent 0);background-position:0;border:1px solid #f58a27;color:#fff;transform:rotate(1turn)}@media screen and (max-width:568px){.question-div{font-size:15px}}@media screen and (max-width:768px){.questions-section{height:83vh;margin-top:10px;width:40vh}.timer-div{height:45px;width:45px}}.feedbackPage{background-color:#282c34;flex-direction:column;height:100vh}.feedback-header,.feedbackPage{align-items:center;display:flex;width:100%}.feedback-header{background-color:#f58a27}.userImg{border-radius:100%;height:40px;width:40px}.playScore,.userImg,.userName{margin:10px}.feedback-section{background-color:#ebe419;border-radius:10px;display:flex;flex-direction:column;margin-top:50px;padding:10px;width:500px}.feedbackNumber{color:#7816de;margin-top:1px}p{font-weight:1000}.feedbackBtn{align-self:center;background-image:linear-gradient(45deg,#feed00 50%,transparent 0);background-position:90%;background-size:300%;border-radius:10px;cursor:pointer;font-weight:800;height:50px;margin:10px;transition:width height transform background 2s ease-in-out 2s 2s .7s;width:65px}.feedbackBtn:hover{background-image:linear-gradient(45deg,#f58a27 50%,transparent 0);background-position:0;border:1px solid #f58a27;color:#fff;transform:rotate(1turn)}@media screen and (max-width:768px){.feedback-section{height:70vh;width:40vh}.timer-div{height:45px;width:45px}}.rankingPage{align-items:center;background-color:#282c34;display:flex;flex-direction:column;height:100vh;width:100%}.ranking{background-color:#f58a27;color:#000;font-size:50px;height:70px;margin:0;padding:0;text-align:center;width:100%}.infoPlayer{align-content:center;background-color:#feed00;display:flex;flex-direction:column;justify-content:center}.list{background-color:#f58a27;border:3px solid #e85d04;display:flex;flex-direction:row;margin-top:80px;padding:30px}.nameRanking{color:#000}.nameRanking,.scoreRanking{align-self:center;font-size:20px;width:300px}.scoreRanking{color:#7816de}.imgRanking{align-self:center;margin:10px 10px 10px 100px}.infoIndividual{border:2px solid #ffc300;display:flex;flex-direction:row}.rankingButton{align-self:center;background-image:linear-gradient(45deg,#feed00 50%,transparent 0);background-position:90%;background-size:300%;border-radius:10px;color:#000;cursor:pointer;font-size:15px;font-weight:1000;height:50px;margin:10px;transition:width 2s,height 2s,transform 2s,background .7s ease-in-out;width:100px}.rankingButton:hover{background-image:linear-gradient(45deg,#f58a27 50%,transparent 0);background-position:0;border:1px solid #f58a27;color:#fff;transform:rotate(1turn)}.listRanking{align-self:center;display:flex;flex-direction:column;margin-top:40px;width:900px}.avatar,.name,.score{font-size:30px;text-align:center;width:300px}.table{max-height:312px;overflow-y:scroll}@media screen and (max-width:568px) and (max-height:320px){.listRanking{width:400px}}
/*# sourceMappingURL=main.74c61f77.chunk.css.map */