@import url('https://fonts.googleapis.com/css?family=Fascinate+Inline');
* {
  margin: 0px;
  padding: 0px; 
}

.color-p1 {
  background-color: #5599FF;
}

.color-p2 {
  background-color: #9955FF;
}

.color-out-container {
  background-color:#FFDEAD;
}

.color-in-container {
  background-color: #2F4F4F;
}

.color-choice {
  color: #FFFFFF;
}

.hidden {
  visibility:hidden;
}

.player-rotate {
  font-size: 1.2em;
  padding: 10px;
  position: absolute;
  top: 65px;
  left:10px;
}

.rotate {
  margin:0px auto;
  width: 400px;
  position:relative;
}

.score {
  float: left;
  width: 60%;
  font-size: 1em;
  padding-top: 10px;
  display: none;
}

.player {
  padding-left: 20px;
}

.reset {
  float:right;
  width: 30%;
  padding-top: 10px;
  text-align: right;
  display: none;
  cursor: pointer;
}

.reset-button {
  padding-right: 20px;
  font-size: 1.2em;
}

.out-container {
  width: 400px;
  height: 440px;
  margin: 40px auto;
  box-shadow: 10px 10px 5px #888888;
  border-radius: 10px;
  position: relative;
}

.out-container .in-container{
  width: 360px;
  height: 360px;
  top: 40px;
  left: 20px;
  text-align: center;
  position: absolute;
}

.game-title{
  padding: 10%;
  font-size: 2.5em;
  font-style: italic;
  font-family:'Fascinate Inline', cursive;
}

.scene1-choice {
  margin: 2% auto;
  padding-left: 35%;
  padding-top: 2%;
  width: 200px;
  text-align: justify;
  font-size: 1.2em;
  cursor: default;
}

.scene1-choice:hover {
  background-color:#008080;
}

.scene2-title {
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 1em;
}

#scene2 {
  position: absolute;
  top: 38%;
  left: 30%;
  display: none;
  cursor: default;
}

.scene2-choice {
  margin: 2% auto;
  font-size: 1.2em;
}

.scene2-choice:hover {
  background-color:#008080;
}

.result-display {
  position: absolute;
  top: 40%;
  left: 25%;
}

.result-message {
  color:#FFFFFF;
  font-style: italic;
  display:none;
}

#gameboard {
  position: absolute;
  top: 30px;
  left: 10px;
  display:none;
}

.footer {
  position: absolute;
  top:410px;
  left: 270px;
  color: #666666;
  text-decoration: none;
}