html, body {
height: 100%;
margin: 0px;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color: #9c9c9c;
font-family: 'Roboto', sans-serif;
}

#main {
width: 500px;
height: 100%;
margin: 0 auto;
position: relative;
border-left: solid 1px;
border-right: solid 1px;
}

#GameScreen {
display: none;
}

#MenuScreen {
}

#TextBlock {
  position: absolute;
  left: 40px;
  font-size: 30px;
}

#MainTitle {
  font-weight: 900;
  font-size: 50px;
  margin:10px 0 0 0;
}

.Title {
  margin: 0;
  text-decoration: underline;
  font-weight: bold;
}

.Title_Small {
  display: inline;
  font-size: 25px;
  margin: 0;
}

.stats {
  font-size: 25px;
}

#PlayerName {
  margin: 0;

}

#HighScore {
  margin: 0px 0 20px;
}

#PlayerNameInput {
  display: inline;
  font-size: 21px;
  width: 130px;
}

.SettingButton {
  font-size: 21px;
  margin: 0 0 15px 0;
  cursor: pointer;
}

.textSmall {
  font-size: 15px;
  margin: -10px 0 15px 0;
}

select {
  font-size: 20px;
  width: 120px;
  height: 30px;
  display: inline;
}

#Start_Button {
left: 145px;
}

#Large_Counter {
  background-color: white;
  position: relative;
  top: 50px;
  left: 50px;
  width: 400px;
  height: 200px;
}

#Counter_Number {
  margin: 0;
  font-size: 130px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#TimeParrent {
  width: 400px;
  height: 30px;
  background-color: #5e5e5e;
  position: absolute;
  top: 300px;
  left: 50px;
}

#TimeBar {
  float: left;
  width: 100%;
  height: 100%;
  background-color: #363636;
  position: relative;
}

.Button {
Width: 190px;
height: 100px;
background-color: black;
position: absolute;
Bottom: 40px;
cursor: pointer;
}

.Button:hover {
  background-color: #363636;
}

#Left_Button {
left: 40px;
}

#Right_Button {
right: 40px;
}

.Button_Text {
  position: relative;
  text-align: center;
  margin-top: 35px;
  font-size: 25px;
  color: #FFFFFF;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px)
{
  #main {
    width: 100%;
    min-height: 550px;
  }

  #PlayerNameInput {
    width: 100px;
  }

  #Start_Button {
    margin: 0 auto;
    left: 0;
    right: 0;
    Bottom: 20px;
  }

  #Large_Counter {
    background-color: white;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 300px;
    height: 200px;
    display:block;
  }

  #TimeParrent {
    width: 300px;
    height: 30px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }


  .Button {
  Width: calc(50% - 30px);
  height: 110px;
  Bottom: 60px;
  }

  .Button_Text {
    margin-top: 40px;
  }

  .Button:hover {
  background-color: black;
  }
  #Left_Button {
  left: 20px;
  }

  #Right_Button {
  right: 20px;
  }
}