*{margin: 0px;
  padding: 0px;
  text-align: center;
}
.head{
    background-color: teal;
    color: white;
    padding: 3%;
    font-family: 'Raleway', sans-serif;
    margin: 3px;
    border-radius: 5px;

}
.ndiv{
    background-color: dodgerblue;
    margin: 8px 8px;
    padding: 10%;
    transition: all 0.5s ease;
    box-shadow: black 0px 0px 4px ;
    border-radius: 5px;
}

.red{
    background-color: red;
    color:white;
}
.gr{
    font-family: 'Raleway', sans-serif;
}
.div{
    background-color: dodgerblue;
    margin: 8px 8px;
    padding: 10%;
    transition: all 0.5s ease;
    box-shadow: black 0px 0px 4px ;
    border-radius: 5px;
}
h1{
    margin-bottom: 15px;
    /*color:rgb(48, 41, 94);*/
    font-family: 'Noto Sans JP', sans-serif;
}
h2{
    font-size: 400%;
    font-family: 'Noto Sans JP', sans-serif;
}
.green{
    background-color: rgb(20, 173, 66);
    color: white;
}

.hide{
    color: transparent;
    background-color: transparent;
    font-size: 0.00001px;

}
.ok{
    background-color:rgb(2, 117, 36);
    color: whitesmoke;

}
.no{
    color: tomato;
}
button{
    padding: 3% 5%;
    margin: 2% 2%;
   border: none;
    transition: all .5s ease;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;

    
}
button:focus{
background-color: teal;
border: none;
color: white;
}
button:hover{
    background-color: darkblue;
    color: white;
    
}
.score{
    font-size: 300%;
}
div#result{
    background-color: #ffd700;
    margin: 8px 8px;
    padding: 10%;
    transition: all 0.5s ease;
    box-shadow: black 0px 0px 4px ;
    border-radius: 5px;
}
.res{
    font-size: 300%;
    color:rgb(158, 12, 12);
    background-color: transparent;
    padding: 10%;
    font-family: 'Raleway', sans-serif;
}