KAWAstyle.css
body{
    font-family: 'HelveticaNeue','Helvetica','Avenir','Arial','Hiragino Sans',YuGothic,'Yu Gothic', Meiryo,'MS PGothic',sans-serif;
    padding: 0;
}
body, header, footer{
    margin: 0;
}
header, footer{
    background-color: white;
}
#container{
    background-color: white;
    padding: 0 0 20px 0;
}
#headeropen, footer{
    background-color: white;
    padding: 20px 0 20px 0;
    text-align: center;
}
.flexbox{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    background-color: white;
    width: 100%;
    height: auto;
}
.pic{
    /*border-radius: 20px;*/
    width: 260px;
    height: 210px;
    background-size: 100%;
    background-position: bottom 200px right 0;
    background-repeat: no-repeat;
    background-color: white;
    margin: 5px 0 5px 0;
    padding-top: 170px;
    padding-left: 10px;
}
.rdb{
    padding: 5px 0 5px 10px;
    font-size: small;
    border-radius: 15px 0 0 15px;
    background-color: red;
    color: white;
    margin: 2px 0 2px 0;
    width: 250px;
}
.indic{
    padding: 5px 0 5px 10px;
    font-size: small;
    border-radius: 15px 0 0 15px;
    background-color: #29abe2;
    color: white;
    margin: 2px 0 2px 0;
    width: 250px;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
}
.tag{
    border-radius: 15px;
    display: inline-block;
    padding: 5px;
    color: white;
    font-size: small;
}
    .frog{  background-color: limegreen;}
    .bug{   background-color: black;}
    .fish{  background-color: dodgerblue;}
    .crab{  background-color: orangered;}
    .bird{  background-color: orchid;}
    .shell{ background-color: darkgray;}
    .etc{   background-color: white;color: black;}

table, th, td{
    border: 1px solid #29abe2;
}
img{    max-width: 100%;}
.chapter{
    display: block;
    padding: 20px 30px 20px 30px;
    background-color: white;
    width: auto;
    height: auto;
}
.chapter h4{
     color: #29abe2;
}
.chapter h2{
    margin-bottom: 5px;
}
a{
    text-decoration: none;
    color: #29abe2;
}
.link{
    display: block;
    background-color: whitesmoke;
    border-width: 0;
    border-radius: 15px;
    width: 260px;
    height: auto;
    text-align: center;
    padding: 10px;
    margin: 5px;
}
.link :hover{
    background-color: #29abe2;
    border-color: #29abe2;
    color: white;
}

@media screen and (width > 820px){
    #container, #headeropen{
        width: 1060px;
        margin: auto;
    }
}
@media screen and (width <= 820px){
    #container, #headeropen{
        width: 90%;
        margin: auto;
    }
}
.widepic img{
        width: 100%;
    }