/*-----------Stilregler basert på skjermstørrelse-----------*/
@media only screen and (min-width: 768px) {/*Gjelder for større enheter*/
  .ticField:hover {/*Feltene i spillet*/
    background: blue;
  }

  .ticReBtn:hover{/*Knappen ved spillets slutt*/
    background-color: lightgrey;
    cursor: pointer;
  }
}
/*-----------Egen spillcontainer til tictactoe-----------*/
#gamecontainerTic{/*Sentrerer spillet*/
  box-sizing: border-box;
  width: 312px;
  margin: auto;
  margin-top: 20%;
}

/*-----------Stilsetting av brettet-----------*/
.ticField {/*Feltene i spillet*/
  box-sizing: border-box;
  display: inline-block;
  border: 0.05em solid black;
  background-color: grey;

  font-size: 5em;
  text-align: center;
}

/*-----------Stilsetting av skjermen som kommer når spillet er slutt-----------*/
.ticCover{/*Slutt-skjermen*/
  position: absolute;
  box-sizing: border-box;
  background: black;
  opacity: 0.7;
  color: red;
  text-align: center;
}
.ticHide{/*Skjuler slutt-skjermen*/
  z-index: -1;
}

.ticCover p {/*Teksten*/
  padding-top: 30%;
  font-size: 2.5em;
}

.ticReBtn{/*Knappen*/
  padding: 0.5em;
  margin: 1em;
}