@font-face {
  font-family: "LeagueGothic";
  src: local(LeagueGothic), url("../vendor/fonts/LeagueGothic-Regular.otf") format("opentype");
  font-weight: 100;
}
@font-face {
  font-family: "Roboto";
  src: local(Roboto), url("../vendor/fonts/roboto/Roboto-Regular.woff2") format("woff2");
  font-weight: 100;
}
html, body, main{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
.number{
    display:inline-block;
    width:30%;
    max-width:75px;
    height:75px;
    background-color:green;
    color:white;
    line-height:75px;
    font-size:30px;
}
.team-button{
    display:inline-flex !important;
    color:white;
}
.team-name, .team-num{
    text-align:center;
    width:100%;
    display:inline-block;
}
.team-num{
    font-size:140%;
}
.team-name{
    font-size:80%;
}
.team-num.material-icons{
    line-height:8px;
}
.large-font{
    font-size:140%;
}