.header {
    text-align: center;
    margin-top: 20px;
}

.contents {
    text-align: center;
    margin-top: 40px;
}

.contents-menu-list {
    list-style: none;
    display: flex;
    justify-content: center;
}

.contents-menu-item {
    padding: 15px;
}

.footer {
    text-align: center;
    margin-top: 40px;
}

.logo {
    text-align: center;
}

.logo__image {
    width: 120px;
    border-radius: 50%;
}

.icon-logo__x {
    width:28px;
}

.icon-logo__hatenablog {
    width:30px;
}

.icon-logo__github {
    width:30px;
}