.quiz_area{
    padding: 0 40px;
    text-align: center;
}

h1.pict_title{
    font-size: 30px;
    text-align: center;
    border-bottom: solid 3px rgb(0, 162, 255);
    margin: 20px 200px;
}

p{
    font-size: 17px;
}

p.explain{
    text-align: left;
}

span{
    color: rgb(0, 162, 255);
    font-size: 150%;
}

h2{
    font-size: 30px;
    text-align: center;
    padding: 50px 0 0 0 ;
}

h3{
    font-size: 15px;
    text-align: right;
}

img{
    width: 250px;
    margin: 20px 40px;
}

.child2{
    padding: 80px 0;
}

.select{
    list-style: none;
    cursor: pointer;
    width:400px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    margin: 15px auto 0;
    font-size: 15px;
}

.check{
    background-color: rgb(212, 212, 212);
}

.hint{
    text-align: center;
}

input{
    font-size: 17px;
    width:130px;
    height: 40px;
    margin: 20px;
    border-radius: 5px;
    border: 1px
    
}

input.hintButton{
    background-color: rgb(253, 231, 168);
    border-color: rgb(253, 231, 168);   
}

input.answerButton{
    background-color: rgb(255, 139, 118);
    border-color: rgb(255, 139, 118);
}

input.sentence{
    width: 200px;
    border: 1px solid gray;
}

input.ok{
    width: 80px;
}

.img2{
    width: 400px;
}

.link_button{
    font-size: 20px;
    color: white;
    background-color: rgb(0, 162, 255);
    padding: 10px 20px;
    margin: 10px 10px;
    border-radius: 10px;
}




@media (min-width: 600px) {
    .parent {
      display: flex;
    }
    .child1 {
      flex-grow: 1;
    }
    .child2 {
      flex-grow: 1;
    }
  }