.akira-logo {
    margin-top:20px;
    text-align: center;
    vertical-align: middle;
}
.akira-ico {
    width:200px;
    height:200px;
    background: url("https://blog.akira.ink/favicon.ico") no-repeat;
    background-size: 80% 80%;
    margin:0 auto;
}
.search-base {
    margin-bottom:40px;
    margin-left:auto;
    text-align: center;
}
.search-base .search-text {
    width:60%;
    height:28px;
    margin-right:20px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}
.search-base .search-button {
    height: 28px;
    width:100px;
    border-radius:7px;
    background-color: #ff7f70;
}
.category-base .category-group .category {
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    width:100px;
    height:100px;
    background-color: #ffcd9f;
    cursor: pointer;
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.category:hover {
    -moz-box-shadow:2px 2px 18px #333333;
    -webkit-box-shadow:2px 2px 18px #333333;
    box-shadow:2px 2px 18px #333333;
    transition: all .4s;
}
a .category {
    line-height:100px;
    color: rgba(171, 79, 87, 0.49);
}
.category-title {
    margin-bottom:20px;
}
.category-title span {
    font-size: 20px;
    font-weight: 300;
}