html{
    font-size: 62.5%;
}

img{
    max-width: 100%;
    vertical-align: bottom;
}

.text-rapper{
    margin: 0 10% 5%;
}
/* header */
.taitl{
    font-size: 3.2rem;
    font-weight: bold;
    margin: 5%;
}
/* //header */

/* main */
.main-taitl{
    font-size: 3rem;
    font-weight: bold;
    margin-top: 10px;
}
.name{
    font-size: 2.8rem;
    margin-bottom: 10px;
}
.sub-taitle{
    margin-top: 50px;
    font-size: 3rem;
    background-color:rgb(139, 114, 221);
    font-weight: bold;
    padding-left: 5%;
}
.img{
    max-width: 700px;
    margin-bottom: 2%;
}

.item-taitl{
    font-size: 2rem;
    margin-bottom: 3%;
    font-weight: bold;
}

.text{
    font-size: 1.6rem; 
    margin-bottom: 5%;
}
.text-a{
    font-size: 1.6rem; 
    text-decoration: none;
    color: black;
}
.text-a:hover{
    text-decoration: underline;
}