html{
    background-color: rgb(20,20,20);
}

header{
    text-align: center;
}

title{
        color: white;
}

body{
    align-content: center;
}

 h1 {
    text-align:center;
    font-size: 40px;
    color: aliceblue;
    padding: 10px;
}

table{
    margin: auto;
    width: 100%;
    font-size: 20px;
}
th, td {
    background-color: rgb(200,200,200);
    border:solid 2px black;
    border-radius:10px;
}

#kanjiprinc {
    font-size: 30px;
}

#zoneinput{
    text-align: center;
}
th {
    align-content: center;
    font-size: auto;
    padding: 25px;
    width: 45%;
    }
#vocablist{
    text-align: top;
}
#explanation p{
    max-width: 170px;
}
#input{
    border-radius: 5px;
    border:solid 2px azur;
    padding: 5px;
    width:auto;
}
#inputhidden{
    display: none;
}
#correctbutton{
    background-color: darkgray;
    border:none;
    padding: 20px 25px;
    font-size: 20px;
    margin: 4px 2px;
    cursor:pointer;
}
p{
    padding: 2% 3%;
}