body {
  text-align: center;
  margin: 0;
  font-size: 1.5em;
  box-sizing: border-box;
  color: #ffffff;
  font-family: 'Orbitron', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

#board {
  height: 42vw;
  width: 42vw;
  background-color: #858586e0;
  margin: 3rem auto 0 auto;
}

.cell {
  width: 14vw;
  height: 14vw;
  outline: wheat 1px solid;
}

._o {
  background-image: url("images/o.png");
  background-size: 100% 100%;
}

._x {
  background-image: url("images/x.png");
  background-size: 100% 100%;
}

.cell:hover {
  background-color: #efefef;
  opacity: .6;
  outline: wheat 1px solid;
  cursor: cell;
}

.row {
  margin: 0;
}

#player1 {
  float: left;
}

#player2 {
  float: right;
}

.player {
  display: inline;
}

.winner {
  background-color: #2bff006c;
}

.playing {
  background-color: #efefef;
  color: #747474;
  padding: 1rem;
  border-radius: 21%;
}

/* Start Menu */
.start-menu {
  background-color: #000000;
  text-align: center;
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100vw;
}

h1 {
  margin: auto;
  font-size: 14vw;
  font-family: 'Permanent Marker', cursive;
  position: relative;
  top: 25vh;
}

.start-btn {
  position: relative;
  top: 30vh;
}

/* Hide start menu */
.start-hide {
  background-color: #000000;
  z-index: -1;
}

.start-btn-hide {
  visibility: hidden;
}

.h1-hide {
  opacity: .25;
}

/* Buttons */
.menu-btn {
  visibility: hidden;
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(31, 31, 27, 0.658);
}

.menu-btn .btn {
  margin: 40vh .5rem 0 .5rem;
  box-shadow: 5px 7px 5px black;
}

.menu-btn h2 {
  position: relative;
  top: 35vh;
  font-weight: 600;
  font-size: 6vw;
}

/* Score */
.score-board p {
  font-size: 1rem;
}
@media(max-width:1000px){

  .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .score-board{
    width: 50vw;
    margin-top: 10vh;
  }
  
.marker {
  font-size: 1rem;
  }