*{
  text-align: center;
}

div#main{
  margin: 50px auto;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  width: 1000px;
  background-color: silver;
  border-radius: 50px;
}

div.timerborder{
  margin: auto;
  padding: 20px 0;
  width: 250px;
  height: 40px;
  vertical-align: middle;
  font-size: 30px;
  background-color: red;
  border-radius: 20px;
}

div.box{
  margin: auto;
  padding: 20px 0;
  width: 600px;
  height: 90px;
  vertical-align: middle;
  font-size: 30px;
  background-color: black;
  border-radius: 20px;
}

div#countdown{
  margin: auto;
  height: 40px;
  width: 180px;
  font-size: 30px;
  vertical-align: middle;
  background-color: white;
  border-radius: 2px;
}

#form{
  width: 300px;
  height: 30px;
  font-size: 26px;
}

#button{
  width: 70px;
  height: 35px;
}

#message{
  margin: 10px;
  color: white;
  font-size: 25px;
}

img#riddle_image{
  margin: 10px;
  height: 400px;
  border-radius: 30px;
}

img.resultriddle{
  margin: 5px auto 0 auto;
  height: 50px;
  border: solid 2px gray;
  border-radius: 3px;
}

div.fin{
  color: red;
  font-size: 50px;
  font-weight: bold;
}

div.yourscore{
  margin: 5px;
  font-size: 20px;
  font-weight: bold;
}

span.point{
  color: red;
  font-size: 25px;
}

button.moreresultbutton{
  height: 30px;
  width: 200px;
  font-size: 30px;
}

table.result_table{
  margin: 20px auto;
  padding: 0 auto;
  border-collapse: collapse;
}

table.result_table th,td{
  border: solid 2px darkgray;
  height: 60px;
}

table.result_table th{
  color: white;
}

table.result_table tr td:nth-of-type(1){
  width: 80px;
}

table.result_table tr td:nth-of-type(2){
  width: 170px;
}

table.result_table tr td:nth-of-type(3){
  width: 100px;
}

table.result_table tr td:nth-of-type(4){
  width: 100px;
}

table.result_table tr td:nth-of-type(5){
  width: 150px;
}