@charset "UTF-8";

body{
    color: #74748b;
    overflow-x: hidden;
    text-align: center;
    background-color:hsl(180, 18%, 93%);
    width: 100%;
    height: 100%;
    margin: 0 auto;
    line-height: 110%;
    letter-spacing: 0.1em;
    font-family: 'Klee One',sans-serif;
}

.title{
    font-size: larger;
    border-bottom:solid 1px #133274;
    margin: 5% 20% 5% 20%;
}

.oohako{
    margin: 0 1%;
    text-align: left;
}

.link{
    line-height: 300%;
    text-decoration: none;
    background-color: rgb(219, 239, 255);
    color: #202021;
    padding: 2px 10px 2px 10px;
    margin: 5% 0 5% 0;
    font-family: 'klee One',sans-serif cursive;
}

.link:hover{
    line-height: 300%;
    text-decoration: none;
    border-bottom: 1px solid #133274;
    background-color: rgb(200, 218, 224);
    color: #202021;
    padding: 2px 10px 2px 10px;
    margin: 5% 0 5% 0;
    font-family: 'klee One',sans-serif cursive;
}