body {
  font-family: 'Ubuntu', Sans-Serif;
  color:black;
  font-size:14px;
}

p{
  margin:8px;
}

footer{
  text-align: center;
  background: #f3f3f3;
  padding: 8px;
  width: 100%;
  margin-top:20px;
}

h1{
  font-size: 35px;
  margin: 20px;
  color: #1c84c6;
  font-weight: 400;
}

table {
  border: 1px solid #e0e0e0;
  margin-top:30px;
  border-collapse: collapse;
}

td {
  height: 45px;
  width: 45px;
  background: #f3f3f3;
  text-align: center;
  border: 3px solid #ffffff;
  border-radius: 5px;
}

td:hover {
  background: #ebeaea;
}

td p{
  font-size: 30px;
  margin: 0;
  color: #1c84c6;
}

#game{
  padding:5px;
}

.smaller-area td{
  width:90px;
  height:90px;
  border-width:5px;
}

.smaller-area td p{
  font-size: 60px;
}

#winnertext {
  font-size: 30px;
  text-transform:uppercase;
  font-weight:bold;
  user-select: none;
  color: #ff9816;
  padding: 15px;
  position: fixed;
  top: 46%;
  left: 5%;
}

p#winnertext{
  margin:0;
}

.smaller-area #winnertext{
  left:10%;
}

button {
  font-size:20px;
  padding:15px 30px;
  background-color: #1c84c6;
  color: #FFFFFF;
  border-radius: 3px;
  font-weight:400;
  border:none;    
  margin:10px 0 20px;
}

button:hover{
  background-color: #1a7bb9;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

a{
  background:#FF9816;
  font-size:18px;
  color:white;
  padding:10px 25px;
  text-decoration:none;
  border-radius:3px;
}

a:hover{
  background:#f59316;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.trop, .partner{
  display:none;
}