#app{font-family:PT Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;position:relative}.navigation{position:fixed;bottom:0;z-index:30;height:7rem;width:100%;border-top:2px solid #fff;color:#fff;background:linear-gradient(#005fad,#004079);display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.navigation>div{width:100%;border-right:2px solid #fff;font-weight:700;padding-top:1rem;justify-self:center}.navigation>div i{margin-top:.5rem}.navigation>div:last-child{border-right:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:50;display:none}.overlay .fa{float:right;z-index:20;color:#ffbd11;margin:2.5rem;font-size:3rem}.overlay-active{display:block}.sidebar{width:80vw;height:100vh;position:fixed;top:0;left:-80vw;z-index:55;background-color:#fff;transition:all .1s ease-out;background:#005fad;color:#0075bc}.sidebar ul li{font-family:PT Sans,sans-serif;padding:1rem 0 1rem 2rem;text-align:left;border-bottom:1px solid #005fad99;background-color:#fff;color:#005fad;font-weight:700;font-size:1.6rem}.sidebar ul li:first-child{font-size:2rem;color:#fff;padding:2rem 0 1rem;background:linear-gradient(#004079,#005fad);text-align:center}.sidebar ul li:last-child{border-bottom:none}.sidebar ul li .fa{float:right;margin-right:1rem}.open{left:0}.header{border-top:.2rem solid #ffbd11;width:100%;background:linear-gradient(#004079,#005fad);padding:2px 0;display:grid;grid-template-columns:auto 1fr auto;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-bottom:.2rem solid #fff}.header .nav{justify-self:left;margin-left:2rem}.header .header-search{justify-self:left;margin-right:2rem;width:1.5rem}.header .fa{font-size:2.5rem;color:#fff}.header .logo{margin:1rem .6rem 0 0;width:9rem}@media only screen and (max-width:340px){.logo{width:270px}}.main{width:100%;position:relative;display:grid;grid-template-columns:1fr;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#fff;font-weight:700;font-family:PT Sans,serif}.main .date{display:grid;grid-template-columns:15px 1fr 15px;-ms-flex-pack:justify;justify-content:space-between;border-bottom:.2rem solid #fff;padding:1rem;font-size:1.1rem}.main .date .teams{display:grid;grid-template-columns:1fr 18px 1fr;grid-gap:.5rem;-ms-flex-pack:center;justify-content:center}.main .date .teams .team1{text-align:right;margin-right:.3rem}.main .date .teams .team2{text-align:left;margin-left:.3rem}.main .date .arrow{-ms-flex-item-align:center;align-self:center;font-size:2rem}.main .date .arrow:active{color:#ffbd11}.voting-section{margin-top:1.5rem}.voting-section .text{font-size:2.2rem;margin-bottom:2rem}.voting-section .player{margin:0 auto 2rem;box-shadow:.2rem .2rem .2rem rgba(0,0,0,.4);border-radius:.5rem;overflow:hidden;display:grid;width:16rem;grid-template-columns:minmax(auto,1fr) minmax(auto,1fr);grid-gap:.5rem;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;color:#005fad;position:relative}.voting-section .player .photo{max-width:100%;-o-object-fit:contain;object-fit:contain}.voting-section .player .player-name{padding:.5rem;-ms-flex-item-align:center;align-self:center}.voting-section .player .votes{margin-top:1rem;display:block;font-size:1.1rem}.voting-section .player-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3)}.voting-section .live{color:#ffbd11;animation:opacity 3s ease infinite;opacity:1}@keyframes opacity{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (min-height:665px){.main .date{font-size:1.5rem}.voting-section .player{width:21rem}}
/*# sourceMappingURL=app.13340e7004f1dd020ccb1c8d196babc0.css.map */