body,html{height:100%;width:100%;overflow-x:hidden;background:#18b0e2;background:radial-gradient(circle,#57d5ff 0,#0093c4 99%,#1cc7ff 0);color:#333;margin:0}.logo{position:relative;width:70vw;max-width:300px;left:50%;transform:translate(-50%);margin-top:3vh;margin-bottom:-2em}.title{margin:0 10px}.title,.title2{color:#fff;font-family:"Red Hat Display",sans-serif;text-align:center;font-size:1.4rem}.title2{margin:0 0 2em;position:relative;left:50%;transform:translate(-50%)}.center{z-index:10;font-family:"Red Hat Display",sans-serif}.top3{margin-top:2em;display:flex;justify-content:center;align-items:flex-end;color:#4b4168}.top3 .item{box-sizing:border-box;position:relative;background:#fff;width:9rem;height:10rem;text-align:center;padding:2.8rem 0 0;margin:1rem 1rem 2rem;border-radius:.5rem;transform-origin:bottom;cursor:pointer;transition:transform .2s ease-in-out;box-shadow:0 0 4rem 0 rgba(0,0,0,.1),0 1rem 2rem -1rem rgba(0,0,0,.3)}.top3 .item .pic{margin:0;position:absolute;top:-2rem;left:50%;transform:translate(-50%);width:4rem;height:4rem;border-radius:50%;background-size:cover;background-position:50%;box-shadow:0 0 1rem 0 rgba(0,0,0,.2),0 1rem 1rem -.5rem rgba(0,0,0,.3)}.top3 .item .pos{font-weight:900;font-size:1.5rem;margin-bottom:.5rem}.top3 .item .name{font-size:1.1rem;margin-bottom:.5rem}.top3 .item .score{opacity:.5}.top3 .item .score:after{display:block;content:" avaliações";opacity:.5}.top3 .item.one{width:10rem;height:11rem;padding-top:3.5rem}.top3 .item.one .pic{width:5rem;height:5rem}.top3 .item:hover{z-index:20;outline:none!important;transform:scale(1.05)}.list{padding-left:2rem;margin:0}.list .item{left:50%;transform:translate(-50%);position:relative;display:flex;justify-content:center;width:85vw;max-width:600px;align-items:center;background:#fff;height:3rem;border-radius:4rem;margin-bottom:2rem;background:#ffc94a;transform-origin:left;cursor:pointer;transition:.2s ease;box-shadow:0 0 4rem 0 rgba(0,0,0,.1),0 1rem 2rem -1rem rgba(0,0,0,.3)}.list .item .pos{font-weight:900;position:absolute;left:-2rem;text-align:center;font-size:1.25rem;width:1.5rem;color:#fff;opacity:.6;transition:opacity .2s ease-in-out}.list .item .pic{width:4rem;height:4rem;min-width:70px;min-height:50px;border-radius:50%;background-size:cover;background-position:50%;margin-right:1rem;box-shadow:0 0 1rem 0 rgba(0,0,0,.2),0 1rem 1rem -.5rem rgba(0,0,0,.3)}.list .item .name{flex-grow:2;flex-basis:5rem;font-size:1.1rem;color:hsla(0,0%,100%,.904);font-weight:700}.list .item .score{margin-right:1.5rem;opacity:.5;color:#000}.list .item .score:after{margin-right:.5rem;content:"avaliações";opacity:.5;position:relative;left:10px}.list .item:hover{transform:translate(-50%) scale(1.05)}.list .item:hover .pos{opacity:.8}.medalOne{width:50px;position:absolute;right:0;top:0}@media only screen and (max-width:700px){.logo{width:70vw;max-width:200px;left:50%;transform:translate(-50%);margin-top:3vh;margin-bottom:-2em}.logo,.top3{position:relative}.top3{top:45vh}.top3 .item{margin:0}.top3 .item.two{z-index:3;position:absolute;left:10px;top:-250px;transition:.3s ease}.top3 .item.two:hover{position:absolute;left:10vw;z-index:20;top:-250px;transform:scale(1.3)}.top3 .item.three{position:absolute;top:-110px;right:10px;z-index:1;transition:.3s ease}.top3 .item.three:hover{position:absolute;right:10vw;z-index:20;transform:scale(1.3)}.top3 .item.one{outline:none;position:absolute;top:-200px;width:11rem;height:11rem;padding-top:3.5rem;z-index:3;left:27vw;transition:.3s ease}.top3 .item.one:hover{position:absolute;transform:scale(1.3);background:radial-gradient(circle,#fff 0 #f7ff26 100%);z-index:10}.list{position:relative;top:68vh;margin-bottom:10em}}@media only screen and (max-height:500px){.logo{position:relative;width:70vw;max-width:200px;left:50%;transform:translate(-50%);margin-top:3vh;margin-bottom:2em}}
/*# sourceMappingURL=main.3c6fc520.chunk.css.map */