@charset "UTF-8";
body{
    font-family: serif;
    background-color:hsla(195, 25%, 97%, 0.948);
    min-height: 100vh; 
    width: center 50%;
    margin: 2% 1%;
}
.atama{
    text-align: center;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #89aed3;
    margin: 5% 0 2% 0;
    border-bottom: solid 1px #bfbfbf;
    transform: skewY(4deg) translateY(0px);

}


.hako{
    width: 70%;
    margin: 0 auto;
    text-decoration: solid 1px #0328a2;
    border-bottom: solid 1px #0328a2;
    padding: 3px;
}


.link{
    max-width: 650px;
    line-height: 150%;
    color: rgb(0, 22, 120);
    background-color: aquamarine;
    text-decoration: none;
    border-bottom:solid 1px #003366;
    margin: 10% 3px 20px 8%;
    padding: .2em .5em .1em .5em;
}

.link:hover{
    max-width: 650px;
    line-height: 150%;
    font-weight: bold;
    color: rgb(0, 22, 120);
    background-color: rgb(211, 251, 255);
    text-decoration: none;
    margin: 10% 3px 20px 8%;
    padding: .3em .8em;
}

.link:visited{
    max-width: 650px;
    line-height: 150%;
    color: rgb(0, 22, 120);
    border-bottom: solid 2px rgb(246, 255, 252);
    text-decoration: none;
    margin: 10% 3px 20px 8%;
    padding: .3em .8em;
}