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}body{background:url(/static/media/10.264a2db6.jpg) no-repeat 50% fixed;background-color:rgb(59 171 123);background-position-x:center;background-position-y:center;background-size:cover}html{--font-size:1.2rem;--color:#6eb967;--color-light:#a6d1a2;--color-dark:#233a21;--radius:0.2rem}button{border:none;border-radius:.2rem;border-radius:var(--radius);color:#233a21;color:var(--color-dark);cursor:pointer;margin-top:.2rem;padding:.5rem;-webkit-transition:.1s;transition:.1s}button,button:focus,button:hover{background:#6eb967;background:var(--color)}button:focus,button:hover{box-shadow:0 0 0 3px #a6d1a2,0 0 0 4px #6eb967;box-shadow:0 0 0 3px var(--color-light),0 0 0 4px var(--color);outline:none}button:active{box-shadow:0 0 0 3px #6eb967,0 0 0 4px #6eb967;box-shadow:0 0 0 3px var(--color),0 0 0 4px var(--color)}button:disabled{cursor:wait;opacity:.5}.green{border:3px solid #06f00f}.red{background-color:#cd5c5c;border:3px solid red}.red:focus,.red:hover{background-color:red;box-shadow:0 0 0 3px red,0 0 0 4px red;color:#000}.App{text-align:center}.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}.card,.feedback,.login,.ranking-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.404);border-radius:10px;box-shadow:0 6px 12px 1px rgba(0,0,0,.34);color:#fff;display:flex;flex-wrap:wrap;justify-content:space-around}.card,.feedback,.login{left:50%;max-width:80%;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ranking-card{margin:10px}.ranking-card img{border-radius:100%}.feedback{flex-direction:column;font-size:x-large;text-align:center}.feedback-buttons button{margin:10px 10px -10px}.card{flex-direction:column}.card span{margin:10px}.card div{display:flex;flex-direction:column}.card div span{align-self:center}.login label input{margin-bottom:3px;margin-top:3px}.answers button{border-radius:50px}.buttons{display:flex;justify-content:center;width:100%}.buttons button{margin:10px 10px -5px}.trivia{left:50%;max-width:50%;position:absolute;top:35%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.header{display:flex;justify-content:space-between}.header,.ranking-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.596);border-radius:0 0 10px 10px;box-shadow:0 6px 12px 1px rgba(0,0,0,.34);color:#fff;height:4rem}.ranking-title h1{margin-top:auto;padding-top:10px}.header img{border-radius:0 0 0 10px}.header-info{display:flex;flex-direction:column;margin-right:12px;margin-top:-10px}.points{margin-top:-5px}.header-info p{margin-left:5px}.ranking-main{color:#fff;text-align:center}.ranking-main button{background-color:rgba(0,0,0,.596);color:#fff;margin-bottom:20px}.ranking-name{width:1rem}.\31:before{background:url(/static/media/Gold.4d5dd16a.png);background-size:cover}.\31:before,.\32:before{content:"";height:40px;margin-left:20px;margin-top:-10px;position:absolute;width:40px}.\32:before{background:url(/static/media/Silver.8fdad1d4.png);background-size:cover}.\33:before{background:url(/static/media/Bronze.66a99909.png);background-size:cover;content:"";height:40px;margin-left:20px;margin-top:-10px;position:absolute;width:40px}@media only screen and (min-width:720px){.ranking-list{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.ranking-card{width:80%}.trivia{max-width:30%}.login{min-width:40%}.login input{max-width:30%}.email{margin-left:10px}.answers{flex-wrap:wrap;height:100px;margin:auto;width:100%}.answers button{margin:5px}.card{font-size:x-large}.card h4{font-size:xx-large}.\31:before,.\32:before,.\33:before{margin-left:-40px}}@media only screen and (min-width:721px){.login{min-width:25%}.login input{max-width:100%}}
/*# sourceMappingURL=main.9bcff429.chunk.css.map */