body {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('background-top.jpg');
    background-attachment: fixed;
}

table {    
    padding: 5px 1px 6px 1px;
    box-shadow: 0px 20px 50px rgba(6, 6, 6, 0.78),
    		0px -10px 50px rgba(6, 6, 6, 0.78);

    width: 100%;
    color: white;
    background: rgba(6, 6, 6, 0.78);
    border-radius: 7px;
}

#a:nth-child(even) {
        font-weight: 200;
}

th {    
    text-shadow: 0px 2px 5px rgba(0,0,0,.5);
    font-weight: 800;
    border-radius: 15px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

th:first-child, td:first-child { max-width: 18px }
th:first-child::before { content: 'Top' }
 
th:nth-child(2) { background-image: url('icon-jogadores.png') }
th:nth-child(3) { background-image: url('steam_id.png') }
th:nth-child(4) { background-image: url('icon-skills.png') }
th:nth-child(5) { background-image: url('icon-kdeaths.png') }
th:nth-child(6) { background-image: url('ultima_vitima.png') }
th:nth-child(7) { background-image: url('ultima.png') }


tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.5);
    text-shadow: 0px 2px 5px rgba(0,0,0,.5);
    font-weight: 800;
    border-radius: 15px;
}

tr:nth-child(1) {
    height: 30px;
    background: rgba(0, 0, 0, 0.78);
    border-radius: 15px;
}

tr:nth-child(2) > td:nth-child(1) {
    background-image: url('icon-primeiro.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

tr:nth-child(3) > td:nth-child(1) {
    background-image: url('icon-segundo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

tr:nth-child(4) > td:nth-child(1) {
    background-image: url('icon-terceiro.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

td {
    	text-shadow: 0px 1px 3px black;
    	text-align: center;
    	color: #989898;
    	border-radius: 15px;
}

td:nth-child(2) {
    background: rgba(255, 255, 255, 0.03);
    text-shadow: 5px 5px 5px rgba(0,0,0,1.0);
    font-weight: 800;
    color: rgba(255,255,255,1.0);
    border-radius: 15px;
}

#c {
    height: 30px;
    background: rgba(0, 0, 0, 0.78);
    border-radius: 15px;
}


@media screen and (max-height: 450px) {	
	td {
		line-height: 15px;
	}
}

@media screen and (max-height: 350px) {	
	table { 
		line-height:4px!important; 
		border-width: 1px!important; 
		
	}

	tr {
		height: 13px!important;
	}
	th { 
		font-size: 5px!important; 
		height:5px!important;
		max-width: 20px!important;
	}
	th:first-child, th:last-child{
		font-size: 10px!important;
		width: 30px!important;
	}

	th:nth-child(2){	
		background-size: 90px 20px!important;
	}

	td { 
		font-size: 10px!important; 
		line-height:1px!important;
		height: 5px!important;
	}

	td:nth-child(2) {
		width:70px!important;
	}

	td:nth-child(3), td:nth-child(4)
{
		width:15px!important;
	}

}

@media screen and (max-height: 265px) {
	table { 
		line-height:1px!important; 
		border-width: 1px!important; 
		
	}

	tr {
		height: 10px!important;
	}
	th { 
		font-size: 5px!important; 
		height:5px!important;
		max-width: 15px!important;
	}
	th:first-child, th:last-child{
		font-size: 7px!important;
	}
	th:nth-child(2){	
		background-size: 90px 20px!important;
	}
	td { 
		font-size: 9px!important; 
		line-height:1px!important;
		height: 5px!important;
	}
	td:nth-child(2) {
		width:50px!important;
	}
	td:nth-child(3), td:nth-child(4) {
		width:15px!important;
	}


}

.center {
  margin: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #fff;
}

.center_img {
  margin: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #fff;
}