@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);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{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.containThis{width:50%;margin:20VH auto}.center{margin-right:auto;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:600px){.containThis{width:90%}}.loading body{background-color:#f1c40f;overflow:hidden}.loading h1{position:absolute;font-family:"Open Sans";font-weight:600;font-size:12px;text-transform:uppercase;left:50%;top:58%;margin-left:-20px}.loading .body{position:absolute;top:50%;margin-left:-50px;left:50%;-webkit-animation:speeder .4s linear infinite;animation:speeder .4s linear infinite}.loading .body>span{height:5px;width:35px;background:#000;position:absolute;top:-19px;left:60px;border-radius:2px 10px 1px 0}.loading .base span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid #000;border-bottom:6px solid transparent}.loading .base span:before{content:"";height:22px;width:22px;border-radius:50%;background:#000;position:absolute;right:-110px;top:-16px}.loading .base span:after{content:"";position:absolute;width:0;height:0;border-top:0 solid transparent;border-right:55px solid #000;border-bottom:16px solid transparent;top:-16px;right:-98px}.loading .face{width:20px;border-radius:20px 20px 0 0;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);right:-125px;top:-15px}.loading .face,.loading .face:after{position:absolute;height:12px;background:#000}.loading .face:after{content:"";width:12px;right:4px;top:7px;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border-radius:0 0 0 2px}.loading .body>span>span:first-child,.loading .body>span>span:nth-child(2),.loading .body>span>span:nth-child(3),.loading .body>span>span:nth-child(4){width:30px;height:1px;background:#000;position:absolute;-webkit-animation:fazer1 .2s linear infinite;animation:fazer1 .2s linear infinite}.loading .body>span>span:nth-child(2){top:3px;-webkit-animation:fazer2 .4s linear infinite;animation:fazer2 .4s linear infinite}.loading .body>span>span:nth-child(3){top:1px;-webkit-animation:fazer3 .4s linear infinite;animation:fazer3 .4s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s}.loading .body>span>span:nth-child(4){top:4px;-webkit-animation:fazer4 1s linear infinite;animation:fazer4 1s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes fazer1{0%{left:0}to{left:-80px;opacity:0}}@keyframes fazer1{0%{left:0}to{left:-80px;opacity:0}}@-webkit-keyframes fazer2{0%{left:0}to{left:-100px;opacity:0}}@keyframes fazer2{0%{left:0}to{left:-100px;opacity:0}}@-webkit-keyframes fazer3{0%{left:0}to{left:-50px;opacity:0}}@keyframes fazer3{0%{left:0}to{left:-50px;opacity:0}}@-webkit-keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@-webkit-keyframes speeder{0%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-3px) rotate(-1deg);transform:translate(-1px,-3px) rotate(-1deg)}20%{-webkit-transform:translate(-2px) rotate(1deg);transform:translate(-2px) rotate(1deg)}30%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,3px) rotate(-1deg);transform:translate(-1px,3px) rotate(-1deg)}60%{-webkit-transform:translate(-1px,1px) rotate(0deg);transform:translate(-1px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-2px,-1px) rotate(1deg);transform:translate(-2px,-1px) rotate(1deg)}90%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes speeder{0%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-3px) rotate(-1deg);transform:translate(-1px,-3px) rotate(-1deg)}20%{-webkit-transform:translate(-2px) rotate(1deg);transform:translate(-2px) rotate(1deg)}30%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,3px) rotate(-1deg);transform:translate(-1px,3px) rotate(-1deg)}60%{-webkit-transform:translate(-1px,1px) rotate(0deg);transform:translate(-1px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-2px,-1px) rotate(1deg);transform:translate(-2px,-1px) rotate(1deg)}90%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}.loading .longfazers{position:absolute;width:100%;height:100%}.loading .longfazers span{position:absolute;height:2px;width:20%;background:#000}.loading .longfazers span:first-child{top:20%;-webkit-animation:lf .6s linear infinite;animation:lf .6s linear infinite;-webkit-animation-delay:-5s;animation-delay:-5s}.loading .longfazers span:nth-child(2){top:40%;-webkit-animation:lf2 .8s linear infinite;animation:lf2 .8s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s}.loading .longfazers span:nth-child(3){top:60%;-webkit-animation:lf3 .6s linear infinite;animation:lf3 .6s linear infinite}.loading .longfazers span:nth-child(4){top:80%;-webkit-animation:lf4 .5s linear infinite;animation:lf4 .5s linear infinite;-webkit-animation-delay:-3s;animation-delay:-3s}@-webkit-keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@-webkit-keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@-webkit-keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@-webkit-keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}.allAvatars{display:grid;grid-template-columns:auto auto auto auto;width:100%}.allAvatars img{width:70%;margin:20px auto;border-radius:5px;border:2px solid #fff}.allAvatars .clicked{border-radius:5px;border:2px solid #000}.welcome{margin-top:30vh}.welcome h1{margin:20px}.displayNames{margin:20px;display:grid;grid-template-columns:10% 10% 10% 10% 10% 10% 10% 10% 10% 10%}.displayNames .name{width:90%;padding:5%;border:2px solid #0f0f0f;border-radius:5px;text-align:center;margin:0 5px}.displayNames .name .img{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.displayNames .name img{width:50%}.displayNames .highlight{background-color:#b8e3b6}@media only screen and (max-width:600px){.displayNames{grid-template-columns:20% 20% 20% 20% 20%}.displayNames h6{font-size:12px}}.display .question{font-size:40px}.display .name{color:#28a995;font-size:50px}.wait{text-align:center;font-size:50px;color:rgba(57,57,57,.721);font-weight:300}.wait .balls{display:grid;grid-template-columns:1fr 1fr 1fr;width:150px;margin:10PX auto;height:200px}.wait .balls div{width:40px;height:40px;background-color:rgba(57,57,57,.721);border-radius:50%}.wait .balls .c1{-webkit-animation:circle 4s linear infinite;animation:circle 4s linear infinite}.wait .balls .c2{-webkit-animation:circle 3s linear infinite;animation:circle 3s linear infinite}.wait .balls .c3{-webkit-animation:circle 4s linear infinite;animation:circle 4s linear infinite}@-webkit-keyframes circle{0%{margin-top:0}48%{height:40px}50%{margin-top:50px;height:30px}55%{height:40px}to{margin-top:0}}@keyframes circle{0%{margin-top:0}48%{height:40px}50%{margin-top:50px;height:30px}55%{height:40px}to{margin-top:0}}.done{width:80%;margin:-100px auto 10px}.done img{width:100%;border-radius:10px}@media only screen and (max-width:600px){.done{margin-top:0}}.notFound h1{text-align:center;font-size:500px;margin:100px auto 0}.notFound h1 .zero{color:#b83131;-webkit-animation:zero 2s infinite;animation:zero 2s infinite}.notFound h5{text-align:center;font-size:30px;color:#f4f4f4}.notFound h5 .a1{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation:word 4s infinite;animation:word 4s infinite}.notFound h5 .a3{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation:word1 4s infinite;animation:word1 4s infinite}.notFound h5 .a4{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation:word2 4s infinite;animation:word2 4s infinite}.notFound h5 .a5{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation:word3 4s infinite;animation:word3 4s infinite}.notFound h5 .a6{-webkit-animation:word4 4s infinite;animation:word4 4s infinite;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation:word5 4s infinite;animation:word5 4s infinite}.notFound h5 .a7{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation:word6 4s infinite;animation:word6 4s infinite}.notFound h5 .a8{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation:word7 4s infinite;animation:word7 4s infinite}@-webkit-keyframes word{0%{color:#959595}50%{color:#000}to{color:#959595}}@keyframes word{0%{color:#959595}50%{color:#000}to{color:#959595}}@-webkit-keyframes word1{0%{color:#959595}55%{color:#000}to{color:#959595}}@keyframes word1{0%{color:#959595}55%{color:#000}to{color:#959595}}@-webkit-keyframes word2{0%{color:#959595}60%{color:#000}to{color:#959595}}@keyframes word2{0%{color:#959595}60%{color:#000}to{color:#959595}}@-webkit-keyframes word3{0%{color:#959595}65%{color:#000}to{color:#959595}}@keyframes word3{0%{color:#959595}65%{color:#000}to{color:#959595}}@-webkit-keyframes word4{0%{color:#959595}70%{color:#000}to{color:#959595}}@keyframes word4{0%{color:#959595}70%{color:#000}to{color:#959595}}@-webkit-keyframes word5{0%{color:#959595}75%{color:#000}to{color:#959595}}@keyframes word5{0%{color:#959595}75%{color:#000}to{color:#959595}}@-webkit-keyframes word6{0%{color:#959595}80%{color:#000}to{color:#959595}}@keyframes word6{0%{color:#959595}80%{color:#000}to{color:#959595}}@-webkit-keyframes word7{0%{color:#959595}85%{color:#000}to{color:#959595}}@keyframes word7{0%{color:#959595}85%{color:#000}to{color:#959595}}@media only screen and (max-width:600px){.notFound h1{font-size:150px;margin-top:30vh}.notFound h5{font-size:20px}}
/*# sourceMappingURL=main.228b56f7.chunk.css.map */