@font-face {
    font-family: sportFont;
    src: url(fonts/sports.ttf);
}



body{
    padding: 0px;
    text-align:center;
    font-size:calc(15px + 0.2vw);
    background: rgb(209,209,209);
	font-weight:bold;
	background-color: #124734;
	margin:0;
	padding:0;
}
.info-bar{
	width: 100%;
    display: inline-flex;
    color: white;
    text-shadow: 1px 2px #525050;
    position:relative;
    background-color: #124734;
}
.leaderboard-title{
	margin:10px 5px 0 5px;
	line-height: 45px;
	width:100%;
	background-color: #124734;
}

.leaderboard-title div, .leaderboard-title span{
	font-size: 1.7em;
    font-family: sportFont;
    display:inline-block;
    text-align:left;
    margin:0.3em;
    background-color: #124734;
}




.wrapper{
    width:100%;
    height:100%;
    position: relative;
}
.infoWrap{
    margin:0 auto;
}



table{
    width:100%;
    border-collapse: collapse;
    font-size: 1.2em; 
    margin-top:-0.2em;
    border:0;
    background-color: #124734;
    background: linear-gradient(180deg, rgba(209,209,209,1) 0%, rgba(188,188,188,1) 35%, rgba(244,244,244,1) 100%);
    background-attachment:fixed;
}


th, td{
    text-align: center;
    padding: 0.25em;
}
th {
border:0;
background: linear-gradient(180deg, rgba(109,109,109,1) 0%, rgba(88,88,88,1) 35%, rgba(144,144,144,1) 100%);
color:white;
position: sticky;
top: 0;
z-index: 2;
}
td{
   border:1px solid #efefef;
}



.scroll-to-top {
  position: relative;
}

.btn-position {
  position: fixed;
  bottom: -225px;
  right: -225px;
  z-index: 20;
}

.btn-style {
  background-color: #124734;
  border: 2px solid #fff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  font-size: 40px;
  line-height:40px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.icon-style:hover {
  animation: none;
  background: #fff;
  color: #551b54;
  border: 2px solid #124734;
}

a, a:hover, a:active {
color: lightblue;
}
a:hover {
color: white;
}