.next, .prev{
  cursor:pointer;
  width:70px;
}

body{
	color:white;
	font-size:22px;
	font-family:poppins;
	}

.shadowbutton{
	    box-shadow: inset 0px 0px 8px 2px #202020;
}

.testocentro{
	text-align:center;
	width:100%;
}

.marbot{
  margin:0.2em 0em;
}


#title{
	  text-shadow:2px 2px 2px black;
}
.setting_row{
  margin-bottom:0.2em;
  padding-bottom:0.2em;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.centra{
  margin:10px auto;
}

.screen{
  padding:20px;
  background-image:url('tavolo.jpg');
}

#squadrauno{
background-color:red;
}

#squadradue{
background-color:blue;
}

#squadratre{
background-color:green;
}


#squadraquattro{
background-color:black;
}

.team{
  border-radius:20px;
  border:0px solid black;
  border-bottom:2px solid black;
  color:white;
  font-size:20px;
  line-height:50px;
  height:50px;
  padding:0px 10px;
  width:100%;
}

@media (min-width: 200px) { .cella{
  display:inline-block;
  width:70px;

  cursor:pointer;
} 


#backmain{
	font-size:1em;
}

.team_wrapper{
	font-size:0.5em
}

.col-xs-6{
	font-size:0.8em;
}

.col-sm-6{
	font-size:0.8em;
}
}


@media (min-width: 768px) { .cella{
  display:inline-block;
  width:100px;
  cursor:pointer;
}  
.col-xs-6{
	font-size:1em;
}

.col-sm-6{
	font-size:1em;
}
}


@media (min-width: 992px) { 
	.cella{
  display:inline-block;
  width:120px;
  cursor:pointer;
  
}  
.team_wrapper{
	font-size:1em;
}
}


@media (min-width: 1200px) { .cella{
  display:inline-block;
  max-width:120px;
  cursor:pointer;
}  }



.front{
      box-shadow:0px 0px 20px black;
      border:5px solid white;

}

.back{
    box-shadow:0px 0px 20px black;
    border:5px solid white;

}



#team_0{
  background-color:red;
}

#team_1{
  background-color:blue;
}

#team_2{
  background-color:green;
}

#team_3{
  background-color:black;
}

.segna{
  color:yellow;
  text-shadow:2px 2px 2px black;
  text-align:right;
  padding-right:10px;
}
.nome{
  width:60%;
  overflow:hidden;
  display:inline-block;
  text-align:left;
}
.punti{
  width:20%;
  display:inline-block;
  text-align:right;
}
.team_wrapper{
  color:white;
  width:100%;
  line-height:1.5em;
  text-align:left;
  margin-bottom:50px;
  display:flex;
  justify-content:space-evenly;
}

.main_team{
  padding:10px;
  display:flex;
  align-items:center;
  width:25%;
}

.btn{
  font-size:1.5em;
  border:1px solid black;
}

#board{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.cella{
	margin:18px;
}