.name {
    font-size:50px;
    text-align:center;
    margin:15px auto;
}
.profile-wrapper {
    width:80%;
    margin:0 auto;
}
.profile-wrapper dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size:16px;
    color:#653e2f;

}
.profile-wrapper dt {
    width:30%;
    padding:8px 10px;
}
.profile-wrapper dd {
    width:70%;
    padding:8px 10px;
}
.email {
    color:#653e2f;
    border-bottom:2px solid #f27507;
}

.commentary-wrapper {
    width:60%;
    margin:0 auto;
}
.commentary-title {
    text-align:center;
    font-size:22px;
    margin:20px auto;
}

.skill-wrapper {
    width:30%;
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
}
.skill-left {
    display:flex;
    justify-content: center;
    width:50%;
    margin-right:10px;
}
.fa-html5 {
    font-size:150px;
}
.fa-css3-alt {
    font-size:150px;
}
.fa-js {
    font-size: 130px;
}
.fa-adversal {
    font-size: 115px;
}
.fa-wordpress {
    font-size: 115px;
}

.skill-right {
    width:50%;
    text-align:center;
}

.skill-right p {
    font-size:14px;
}
.skill-title {
    font-size:16px;
    color:#653e2f
}
.skill-right .skill-title+p {
    margin-top:10px;
}