@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);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}*{font-family:Permanent Marker,cursive}body{background-color:rgba(0,0,0,.94);height:100%;margin:0 auto;width:100%}button,input{outline:none}.grid{display:grid;grid-template-columns:10% 80% 10%;grid-template-rows:5% 90% 5%;height:100vh}.backgroundLogin{background-image:url(https://blog.classlist.com/wp-content/uploads/2020/04/iStock-1032132026-1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;grid-column:2;grid-row:2}.container{background:rgba(0,0,0,.64);border-radius:20px;display:grid;grid-template-rows:1fr 1fr 1fr 1fr;height:80vh;-webkit-justify-content:center;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40vh}.container,.inputContainer{-webkit-flex-direction:column;flex-direction:column}.inputContainer{-webkit-align-items:center;align-items:center;align-self:end;grid-row:3;justify-self:center}.buttonContainer,.inputContainer{display:-webkit-flex;display:flex;width:50vh}.buttonContainer{align-self:center;border-radius:20px;grid-row:4;-webkit-justify-content:space-evenly;justify-content:space-evenly}.shape{-webkit-animation:spin 5s linear infinite;animation:spin 5s linear infinite;grid-row:2;left:15%;margin:6vh;top:-10%;-webkit-transform:scale(1) rotateX(-5deg) rotateY(-30deg);transform:scale(1) rotateX(-5deg) rotateY(-30deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s,-webkit-transform 2s}.shape,.shape>div{height:17vh;position:absolute;width:17vh}.shape>div{background-color:hsla(0,0%,100%,.267);border:1vh solid #006400;opacity:.7}.shape span{display:block;font-size:12vh;height:100%;text-align:center;text-decoration:none;width:100%}.shape .ft{background-image:url(https://blog.betrybe.com/wp-content/uploads/2020/12/main_logo.png);background-position:50%;background-repeat:no-repeat;-webkit-transform:translateZ(9vh);transform:translateZ(9vh)}.shape .rt{-webkit-transform:rotateY(90deg) translateZ(9vh);transform:rotateY(90deg) translateZ(9vh)}.shape .bk{background-image:url(https://blog.betrybe.com/wp-content/uploads/2020/12/main_logo.png);background-position:50%;background-repeat:no-repeat;-webkit-transform:rotateY(180deg) translateZ(9vh);transform:rotateY(180deg) translateZ(9vh)}.shape .lt{-webkit-transform:rotateY(270deg) translateZ(9vh);transform:rotateY(270deg) translateZ(9vh)}.shape .tp{-webkit-transform:rotateX(90deg) translateZ(9vh);transform:rotateX(90deg) translateZ(9vh)}.shape .bm,.shape .tp{background-image:url(https://blog.betrybe.com/wp-content/uploads/2020/12/main_logo.png);background-position:50%;background-repeat:no-repeat}.shape .bm{-webkit-transform:rotateX(270deg) rotateY(0deg) translateZ(9vh);transform:rotateX(270deg) rotateY(0deg) translateZ(9vh)}.shape.show-ft{-webkit-transform:translateZ(9vh);transform:translateZ(9vh)}.shape.show-rt{-webkit-transform:rotateX(1turn) rotateY(-90deg);transform:rotateX(1turn) rotateY(-90deg)}.shape.show-bk{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.shape.show-lt{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.shape.show-tp{-webkit-transform:rotateX(-90deg) rotateY(-1turn);transform:rotateX(-90deg) rotateY(-1turn)}.shape.show-bm{-webkit-transform:rotateX(90deg) rotateY(1turn);transform:rotateX(90deg) rotateY(1turn)}@-webkit-keyframes spin{0%{-webkit-transform:rotateX(-1turn) rotateY(-1turn);transform:rotateX(-1turn) rotateY(-1turn)}50%{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0deg) rotateY(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(1turn);transform:rotateX(1turn) rotateY(1turn)}}@keyframes spin{0%{-webkit-transform:rotateX(-1turn) rotateY(-1turn);transform:rotateX(-1turn) rotateY(-1turn)}50%{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0deg) rotateY(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(1turn);transform:rotateX(1turn) rotateY(1turn)}}.inputLogin{background-color:transparent;border:1px solid transparent;border-bottom-color:#006400;box-sizing:border-box;color:#ffdead;font-size:2vh;padding:5px 0 7px;text-align:center;transition:.4s;width:40vh}.inputLogin:hover{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:Animate;animation-name:Animate;-webkit-animation-timing-function:linear;animation-timing-function:linear;border-bottom:2px solid #006400;padding:5px 14px 7px;transition:.4s;width:40vh}.btnLogin{background:none;border:none;box-shadow:-1px 0 4px 3px #fff,0 0 5px 5px rgb(13 223 31);color:#fff;font-size:2vh;height:5vh;transition:.3s;width:10vh}.btnLogin.setup{border-radius:10px 0}.btnLogin.play{border-radius:0 10px}.btnLogin:hover{-webkit-animation:Pulse .3s linear infinite;animation:Pulse .3s linear infinite}.setting{-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite;font-size:3vh}.setting,svg.play{margin-top:3px;text-align:center}svg.play{-webkit-animation:start .5s linear infinite;animation:start .5s linear infinite;font-size:4vh}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes Pulse{to{box-shadow:-1px 0 4px 3px #fff,0 0 5px 7px rgb(13 223 31)}}@keyframes Pulse{to{box-shadow:-1px 0 4px 3px #fff,0 0 5px 7px rgb(13 223 31)}}@-webkit-keyframes Animate{0%{border-bottom:3px solid #006400}25%{border-bottom:3px solid #90ee90}50%{border-bottom:3px solid #adff2f}75%{border-bottom:3px solid #90ee90}to{border-bottom:3px solid #006400}}@keyframes Animate{0%{border-bottom:3px solid #006400}25%{border-bottom:3px solid #90ee90}50%{border-bottom:3px solid #adff2f}75%{border-bottom:3px solid #90ee90}to{border-bottom:3px solid #006400}}.teste{background-color:grey}.headerContainer{-webkit-align-items:center;align-items:center;background-color:hsla(0,0%,51.4%,.34);box-shadow:2px 2px 10px 5px #000,-2px -2px 10px 5px #000;color:#070707;display:grid;font-size:3vh;grid-template-columns:1fr 1fr 1fr;height:15vh;justify-items:center;text-shadow:#fff 1px 1px 6px}.gravatar{height:10vh}.playerName{grid-column:2}.playerScore{grid-column:3}.triviaCard{-webkit-align-items:self-end;align-items:self-end;-webkit-backdrop-filter:blur(4px) hue-rotate(45deg);backdrop-filter:blur(4px) hue-rotate(45deg);background-color:hsla(0,0%,50.2%,.2);border-bottom-left-radius:35%;border-top-right-radius:35%;box-shadow:2px 2px 10px 5px #000,-2px -2px 10px 5px #000;display:grid;grid-column:2;grid-row:2;grid-template-columns:1fr 5fr 1fr;grid-template-rows:1fr 1fr 3fr 1fr}.category{font-size:3vh;grid-row:1}.category,.text{color:rgba(255,222,173,.62);font-weight:700;grid-column:2;text-shadow:#000 2px 1px 5px}.text{font-size:2vh;grid-row:2}.answers{display:grid;font-size:1vh;grid-column:2;grid-column-end:none;grid-row:3;height:15vh;margin:3vh}.next{align-self:center;-webkit-animation:start .5s linear infinite;animation:start .5s linear infinite;background:none;border:none;box-shadow:none;color:rgba(60,255,0,.575);-webkit-filter:drop-shadow(8px 3px 1px #000);filter:drop-shadow(8px 3px 1px black);font-size:10vh;grid-column:3;grid-row:2;height:10vh;left:15px;position:absolute;text-align:center;top:10px;width:12vh;z-index:10}button{box-shadow:inset 1px 1px 0 1px rgba(0,0,0,.56),inset -1px -1px 0 1px rgba(0,0,0,.56)}@-webkit-keyframes start{0%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}to{-webkit-transform:translateX(3px);transform:translateX(3px)}}@keyframes start{0%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}to{-webkit-transform:translateX(3px);transform:translateX(3px)}}.timer{align-self:end;color:#004dff;display:-webkit-flex;display:flex;grid-column:3;grid-row:1}.counter,.timer{-webkit-filter:drop-shadow(5px 4px 6px #000);filter:drop-shadow(5px 4px 6px black)}.counter{border-radius:50%;color:rgba(201,24,24,.932);font-size:10vh;height:12vh;left:15px;position:absolute;text-align:center;top:10px;width:12vh;z-index:10}@-webkit-keyframes grow{0%{font-size:10vh}to{font-size:11vh}}@keyframes grow{0%{font-size:10vh}to{font-size:11vh}}.rightAnswer{background-color:rgba(60,255,0,.411);border:3px solid #06f00f}.rightAnswer,.wrongAnswer{color:#fff;grid-column-end:none;grid-column:1}.wrongAnswer{background-color:rgba(255,0,0,.411);border:3px solid red}button{background-color:rgb(0 0 255/17%);border:none;box-shadow:inset 1px 1px 5px 2px rgba(0,0,0,.56),inset -1px -1px 3px 2px rgba(0,0,0,.56);color:rgba(255,222,173,.62);cursor:pointer;margin:2px}.feedHeader{background-color:hsla(0,0%,51.4%,.34);color:#070707;font-size:3vh;height:15vh;text-shadow:#fff 1px 1px 6px}.feedContainer{background-image:url(/Trivia/static/media/hehefeed.8e408a09.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:12vh 10vh 58vh 20vh;height:100vh}.feedHeader img{height:11vh}.feedHeader{background-color:hsla(0,0%,50.2%,.09);grid-column:1/4;grid-row:1;grid-template-columns:1fr 1fr 1fr;height:12vh;justify-items:center;width:100%}.feedCard,.feedHeader{box-shadow:2px 2px 10px 5px #000,-2px -2px 10px 5px #000;display:grid}.feedCard{-webkit-align-items:self-end;align-items:self-end;-webkit-backdrop-filter:blur(4px) hue-rotate(45deg);backdrop-filter:blur(4px) hue-rotate(45deg);background-color:hsla(0,0%,87.8%,.2);border-radius:20px;grid-column:2;grid-row:3;grid-template-columns:1fr 5fr 1fr;grid-template-rows:1fr 1fr 3fr 1fr}.msg{align-self:center;grid-row:3}.msg,.score{font-family:Permanent Marker,cursive;font-size:3vh;grid-column:2;text-align:center}.score{grid-row:1}.feedBtns{display:-webkit-flex;display:flex;grid-column:2;grid-row:4;-webkit-justify-content:space-between;justify-content:space-between}.btnRanking,.btnReset{box-sizing:border-box;font-size:3vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:2vh;min-height:9vh;width:20vh}.rainbowContainer{align-self:center;display:grid;-webkit-filter:drop-shadow(15px 30px 4px #000);filter:drop-shadow(15px 30px 4px black);grid-column:2;grid-row:3;grid-template-columns:10px;grid-template-rows:1px;left:22vh;position:absolute;top:2vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.rainbowOne{-webkit-animation:rOne 1s linear infinite;animation:rOne 1s linear infinite;width:110px}.rainbowOne,.rainbowTwo{border-radius:50%;grid-column:1;grid-row:1}.rainbowTwo{-webkit-animation:rTwo .9s linear infinite;animation:rTwo .9s linear infinite;width:120px}.rainbowThree{-webkit-animation:rThree .8s linear infinite;animation:rThree .8s linear infinite;width:130px}.rainbowFour,.rainbowThree{border-radius:50%;grid-column:1;grid-row:1}.rainbowFour{-webkit-animation:rFour .7s linear infinite;animation:rFour .7s linear infinite;width:140px}.rainbowFive{-webkit-animation:rFive .6s linear infinite;animation:rFive .6s linear infinite}.rainbowFive,.rainbowSix{border-radius:50%;grid-column:1;grid-row:1;width:150px}.rainbowSix{-webkit-animation:rSix 1s linear infinite;animation:rSix 1s linear infinite}.rainbowSeven{-webkit-animation:rSeven .9s linear infinite;animation:rSeven .9s linear infinite;width:140px}.rainbowEight,.rainbowSeven{border-radius:50%;grid-column:1;grid-row:1}.rainbowEight{-webkit-animation:rEight .8s linear infinite;animation:rEight .8s linear infinite;width:130px}.rainbowNine{-webkit-animation:rNine .7s linear infinite;animation:rNine .7s linear infinite;width:120px}.rainbowNine,.rainbowTen{border-radius:50%;grid-column:1;grid-row:1}.rainbowTen{-webkit-animation:rTen .6s linear infinite;animation:rTen .6s linear infinite;width:150px}@-webkit-keyframes rOne{0%{height:1vh;width:1vh}to{background:red;border-radius:50%;height:2vh;-webkit-transform:translate(-60px,-20px);transform:translate(-60px,-20px);width:2vh}}@keyframes rOne{0%{height:1vh;width:1vh}to{background:red;border-radius:50%;height:2vh;-webkit-transform:translate(-60px,-20px);transform:translate(-60px,-20px);width:2vh}}@-webkit-keyframes rTwo{0%{height:1vh;width:1vh}to{background:#ff0;border-radius:50%;height:2vh;-webkit-transform:translate(-60px,-20px);transform:translate(-60px,-20px);width:2vh}}@keyframes rTwo{0%{height:1vh;width:1vh}to{background:#ff0;border-radius:50%;height:2vh;-webkit-transform:translate(-60px,-20px);transform:translate(-60px,-20px);width:2vh}}@-webkit-keyframes rThree{0%{height:1vh;width:1vh}to{background:green;border-radius:50%;height:2vh;-webkit-transform:translate(60px,-20px);transform:translate(60px,-20px);width:2vh}}@keyframes rThree{0%{height:1vh;width:1vh}to{background:green;border-radius:50%;height:2vh;-webkit-transform:translate(60px,-20px);transform:translate(60px,-20px);width:2vh}}@-webkit-keyframes rFour{0%{height:1vh;width:1vh}to{background:#00f;border-radius:50%;height:2vh;-webkit-transform:translate(-60px,-50px);transform:translate(-60px,-50px);width:2vh}}@keyframes rFour{0%{height:1vh;width:1vh}to{background:#00f;border-radius:50%;height:2vh;-webkit-transform:translate(-60px,-50px);transform:translate(-60px,-50px);width:2vh}}@-webkit-keyframes rFive{0%{height:1vh;width:1vh}to{background:pink;border-radius:50%;height:2vh;-webkit-transform:translate(80px,-20px);transform:translate(80px,-20px);width:2vh}}@keyframes rFive{0%{height:1vh;width:1vh}to{background:pink;border-radius:50%;height:2vh;-webkit-transform:translate(80px,-20px);transform:translate(80px,-20px);width:2vh}}@-webkit-keyframes rSix{0%{height:1vh;width:1vh}to{background:red;border-radius:50%;height:2vh;-webkit-transform:translate(80px,-30px);transform:translate(80px,-30px);width:2vh}}@keyframes rSix{0%{height:1vh;width:1vh}to{background:red;border-radius:50%;height:2vh;-webkit-transform:translate(80px,-30px);transform:translate(80px,-30px);width:2vh}}@-webkit-keyframes rSeven{0%{height:1vh;width:1vh}to{background:#ff0;border-radius:50%;height:2vh;-webkit-transform:translate(80px,-50px);transform:translate(80px,-50px);width:2vh}}@keyframes rSeven{0%{height:1vh;width:1vh}to{background:#ff0;border-radius:50%;height:2vh;-webkit-transform:translate(80px,-50px);transform:translate(80px,-50px);width:2vh}}@-webkit-keyframes rEight{0%{height:1vh;width:1vh}to{background:#1eff00;border-radius:50%;height:2vh;-webkit-transform:translate(-50px,-60px);transform:translate(-50px,-60px);width:2vh}}@keyframes rEight{0%{height:1vh;width:1vh}to{background:#1eff00;border-radius:50%;height:2vh;-webkit-transform:translate(-50px,-60px);transform:translate(-50px,-60px);width:2vh}}@-webkit-keyframes rNine{0%{height:1vh;width:1vh}to{background:#0004ff;border-radius:50%;height:2vh;-webkit-transform:translate(60px,-80px);transform:translate(60px,-80px);width:2vh}}@keyframes rNine{0%{height:1vh;width:1vh}to{background:#0004ff;border-radius:50%;height:2vh;-webkit-transform:translate(60px,-80px);transform:translate(60px,-80px);width:2vh}}@-webkit-keyframes rTen{0%{height:1vh;width:1vh}to{background:#f0d;border-radius:50%;height:2vh;-webkit-transform:translate(-60px,-20px);transform:translate(-60px,-20px);width:2vh}}@keyframes rTen{0%{height:1vh;width:1vh}to{background:#f0d;border-radius:50%;height:2vh;-webkit-transform:translate(-60px,-20px);transform:translate(-60px,-20px);width:2vh}}.trivia{background-image:url(/Trivia/static/media/hehe.2bae00d7.jpg);background-size:cover}.triviaCards{display:grid;grid-template-columns:10% 60% 30%;grid-template-rows:20% 60% 20%;height:85vh;width:100%}.rankingBg{background-image:url(/Trivia/static/media/hehefeed.8e408a09.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-rows:10vh 80vh 10vh;height:100vh;margin:0 auto}.rankingContainer{grid-row:2}.rankingBg a{align-self:center;grid-row:1}.rankingCards{align-self:center;-webkit-backdrop-filter:blur(4px) hue-rotate(45deg);backdrop-filter:blur(4px) hue-rotate(45deg);background-color:hsla(0,0%,50.2%,.2);box-shadow:2px 2px 10px 5px #000,-2px -2px 10px 5px #000;display:inline-grid;height:20vh;margin-bottom:2vh;margin-left:5vh;width:40vh}.rankingImg{height:5vh}.rankingName{align-self:center;font-size:3vh}.rankingName,.rankingScore{color:rgba(255,222,173,.62);font-weight:700;grid-column:2;grid-row:2;text-align:center;text-shadow:#000 2px 1px 5px}.rankingScore{align-self:baseline;font-size:2vh}.rankingHeader{align-self:center;grid-row:1;justify-self:center;margin-top:0}
/*# sourceMappingURL=main.beafa3e4.chunk.css.map */