html{
	background-color:#f5d492;
  max-width: 1200px;
	margin: 0 auto;
  }
  header{
  background-color: rgb(255, 187, 0) ;
  height: 50px;
  width: 100%;
  padding: 0;
  margin: 0;
}
body{
    background-color:#f5d492;
    width: 1080px;
    margin: 0 auto;
    }

h1{
  margin: 0;
}
h2{
  text-align: center;
}
h3{
  border-style: dotted;
}
h4{
  font-size: 40px;
  width: 100px;
  border:solid 10px  #000 ;
}
.problem{
font-size: 25px;
  text-align: center;
  margin: 0 auto;
}

.judge{
  padding: 0  0  0 250px ;
}

.hanteiM{
  color: red;
  font-size: 2em;
}
.hanteiB{
  color: blue;
  font-size: 2em;
}
.judge a{
  font-size: 4.5em;
  padding: 0 0 0 35px;
}
.select_btnR{
  position: relative;
  top: 2em;
  left: 14em;
  display: inline-block;
  font-size: 35px;
  font-weight: 700;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #fb9f0a;
  background: #ECECEC;
  border-radius: 0 15px 15px 0;
  transition: .4s;
}
.select_btnR:hover{
  background: #636363;
}

.select_btnL{
  position: relative;
  top: 2em;
  left: 10em;
  display: inline-block;
  font-size: 35px;
  font-weight: 700;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #fb9f0a;
  background: #ECECEC;
  border-radius: 0 15px 15px 0;
  transition: .4s;
}
.select_btnL:hover{
  background: #636363;

}
.nextQuestion{
  font-size: 35px;
  font-weight: 700;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #0a8ffb;
  background: #ECECEC;
  border-radius: 0 15px 15px 0;
  transition: .4s;
}
.nextQuestion:hover{
  background: #636363;
}
.wrapper{
  min-height:  100vh;

}
footer{
  max-width:100%;
  min-width: 1080px;
  border-top-style: dashed;
  color: black;
  text-align: center;
  padding: 30px 0;
  position: absolute;
  bottom: 0;
}