.button:active {
  transform: translateY(4px);
}

p{
    text-decoration: none
}

table {
    counter-reset: rowNumber;
}

table tr:not(:first-child) {
    counter-increment: rowNumber;
}

table tr td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}

.dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}

.read{
    opacity: 0.7
}

.green {
    background-color: #23d160
}

.yellow {
    background-color: #ffdb4a
}

.red {
    background-color: #ff3860
}

.grey{
    background-color: #eeeeee
}

.bordered{
	border: 1px solid grey;
	border-radius: 10px
}

.bordered:hover{
	border: 1px solid lightgrey
}

.margin10top{
    margin-top: 10px;
}

.margin40top{
    margin-top: 40px;
}

.margin100top{
    margin-top: 100px;
}

.padded40{
	padding: 40px
}

.padded20{
	padding: 20px
}

.padded10{
	padding: 10px
}

.goals{
    background-image: url(IMG_5184.JPG);
    background-size: cover
}

.goals_champ{
    background-image: url(gold.jpg);
    background-size: cover
}

.owned{
    background-image: url(deserted.jpg);
    background-size: cover;
    background-position: center center;
}

.stat-1, .stat-2{
    color: #ff3860;
    margin-right: 3px;
}

.stat-3, .stat-4{
    color: #ffdd57;
    margin-right: 3px;
}

.stat-5{
    color: #3273dc;
    margin-right: 3px;
}

.stat-6{
    color: #209cee;
    margin-right: 3px;
}

.stat-7, .stat-8{
    color: #00d1b2;
    margin-right: 3px;
}

.stat-9, .stat-10{
    color: #23d160;
    margin-right: 3px;
}

.rate:hover{
    cursor: pointer;
    box-shadow: 0px 0px 10px #33C3F0;
}

.clickable{
    opacity: 0.8;
}

.clickable:hover{
    cursor: pointer;
    opacity: 1;
}

.box { overflow-x: scroll; }

.hero { overflow-x: scroll; }

.is-fixed-top-right{
    position: fixed;
    top: 70px;
    right: 10px;
    z-index: 99
}