@import url(https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css);

a {
    text-decoration: none;
}

/* loading */

.loading {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter: alpha(opacity=60);
    /*IE*/
    -moz-opacity: 0.6;
    /*old Mozilla*/
    -khtml-opacity: 0.6;
    /*old Safari*/
    opacity: 0.6;
    /*Chrome, Opera, Safari*/
    z-index: 100;
}

.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -40px;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;
}

.spinner>div {
    background-color: #67CF22;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@keyframes stretchdelay {

    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {

    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

@keyframes fadenum {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes shake {
    2% {
        transform: translate(0, 1.5px) rotate(1.5deg);
    }

    4% {
        transform: translate(0, -1.5px) rotate(-0.5deg);
    }

    6% {
        transform: translate(0, 1.5px) rotate(-1.5deg);
    }

    8% {
        transform: translate(0, -1.5px) rotate(-1.5deg);
    }

    10% {
        transform: translate(0, 2.5px) rotate(1.5deg);
    }

    12% {
        transform: translate(0, -0.5px) rotate(1.5deg);
    }

    14% {
        transform: translate(0, -1.5px) rotate(1.5deg);
    }

    16% {
        transform: translate(0, -0.5px) rotate(-1.5deg);
    }

    18% {
        transform: translate(0, 0.5px) rotate(-1.5deg);
    }

    20% {
        transform: translate(0, -1.5px) rotate(2.5deg);
    }

    22% {
        transform: translate(0, 0.5px) rotate(-1.5deg);
    }

    24% {
        transform: translate(0, 1.5px) rotate(1.5deg);
    }

    26% {
        transform: translate(0, 0.5px) rotate(0.5deg);
    }

    28% {
        transform: translate(0, 0.5px) rotate(1.5deg);
    }

    30% {
        transform: translate(0, -0.5px) rotate(2.5deg);
    }

    32% {
        transform: translate(0, 1.5px) rotate(-0.5deg);
    }

    34% {
        transform: translate(0, 1.5px) rotate(-0.5deg);
    }

    36% {
        transform: translate(0, -1.5px) rotate(2.5deg);
    }

    38% {
        transform: translate(0, 1.5px) rotate(-1.5deg);
    }

    40% {
        transform: translate(0, -0.5px) rotate(2.5deg);
    }

    42% {
        transform: translate(0, 2.5px) rotate(-1.5deg);
    }

    44% {
        transform: translate(0, 1.5px) rotate(0.5deg);
    }

    46% {
        transform: translate(0, -1.5px) rotate(2.5deg);
    }

    48% {
        transform: translate(0, -0.5px) rotate(0.5deg);
    }

    50% {
        transform: translate(0, 0.5px) rotate(0.5deg);
    }

    52% {
        transform: translate(0, 2.5px) rotate(2.5deg);
    }

    54% {
        transform: translate(0, -1.5px) rotate(1.5deg);
    }

    56% {
        transform: translate(0, 2.5px) rotate(2.5deg);
    }

    58% {
        transform: translate(0, 0.5px) rotate(2.5deg);
    }

    60% {
        transform: translate(0, 2.5px) rotate(2.5deg);
    }

    62% {
        transform: translate(0, -0.5px) rotate(2.5deg);
    }

    64% {
        transform: translate(0, -0.5px) rotate(1.5deg);
    }

    66% {
        transform: translate(0, 1.5px) rotate(-0.5deg);
    }

    68% {
        transform: translate(0, -1.5px) rotate(-0.5deg);
    }

    70% {
        transform: translate(0, 1.5px) rotate(0.5deg);
    }

    72% {
        transform: translate(0, 2.5px) rotate(1.5deg);
    }

    74% {
        transform: translate(0, -0.5px) rotate(0.5deg);
    }

    76% {
        transform: translate(0, -0.5px) rotate(2.5deg);
    }

    78% {
        transform: translate(0, -0.5px) rotate(1.5deg);
    }

    80% {
        transform: translate(0, 1.5px) rotate(1.5deg);
    }

    82% {
        transform: translate(0, -0.5px) rotate(0.5deg);
    }

    84% {
        transform: translate(0, 1.5px) rotate(2.5deg);
    }

    86% {
        transform: translate(0, -1.5px) rotate(-1.5deg);
    }

    88% {
        transform: translate(0, -0.5px) rotate(2.5deg);
    }

    90% {
        transform: translate(0, 2.5px) rotate(-0.5deg);
    }

    92% {
        transform: translate(0, 0.5px) rotate(-0.5deg);
    }

    94% {
        transform: translate(0, 2.5px) rotate(0.5deg);
    }

    96% {
        transform: translate(0, -0.5px) rotate(1.5deg);
    }

    98% {
        transform: translate(0, -1.5px) rotate(-0.5deg);
    }

    0%,
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

/* Main */

body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
}

#background-small {
    filter: blur(5px);
    transform: scale(1.05);
    background-image: url("data:image/webp;base64,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");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    position: fixed;
    z-index: -1;
}

.smallBg {
    transition: all 1s linear;
}

main .content {
    display: flex;
    margin: 2em 1em;
    background: rgba(255, 255, 255, .7);
    text-align: center;
    border-radius: 5px;
    animation: content .5s 2.2s both;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    overflow: hidden;
    width: 50em;
    height: 30em;
}

.left {
    width: 20%;
    background: #f58fb28f;
    padding: 1em;
    display: flex;
    flex-direction: column;
}

.left .avatar img {
    border-radius: 100%;
    border: 5px #fff solid;
}

.left .menu {
    margin-top: 2em;
    flex: 1;
}

.left .menu li {
    margin-top: 1em;
}

.left .menu li a {
    color: white;
    cursor: pointer;
}

.left .copyright {
    color: white;
    font-size: 12px;
}

.left .copyright a {
    color: white;
}

/* Right Box */

.right {
    flex: 1;
    padding: 1em;
}

.right section {
    display: none;
}

.right section.active {
    display: block;
}

section {
    -webkit-animation: fadenum .5s;
    -moz-animation: fadenum .5s;
    animation: fadenum .5s;
}

/* Footer */

footer {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: rgba(255, 255, 255, 0.75);
}

/* Sections */

#home h1 {
    margin-top: .7em;
    font-size: 3em;
}

#home p {
    margin-top: 6em;
}

#archives h1 {
    margin-top: 1em;
    font-size: 2em;
}

#archives ul {
    line-height: 1.5em;
    margin-top: 4em;
}

#archives a {
    color: black;
}

#archives .meta {
    color: #999;
    font-size: 60%;
}

#contact .items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#contact h1 {
    margin-top: 1em;
    font-size: 2em;
}

#contact .items a {
    color: rgba(0, 0, 0, 0.8);
    ;
    width: 33.333%;
    padding: .5em 0;
    border-radius: 1em;
    display: inline-block;
    transition: transform .3s;
}

#contact .items a i {
    display: block;
    font-size: 3em;
    margin-top: 1em;
}

#contact .items a span {
    display: block;
    margin-top: 1em;
}

#contact .items a:hover {
    animation: shake 5s infinite ease-in-out;
}

#donate h1 {
    margin-top: 1em;
    font-size: 2em;
}

#donate .donate-img-box {
    margin-top: 3em;
}

#donate .donate-img-box img {
    margin: .5em;
    width: 8em;
}

#donate p {
    margin-top: 3em;
}

footer #hitokoto {
    font-size: 90%;
}

/* And something else */

.fa-heart {
    color: #d43f57;
}

.fa-heart:hover {
    animation: shake 5s infinite ease-in-out;
}

.copyright-mobile {
    display: none;
    font-size: 12px;
}

.copyright-mobile a {
    color: white;
}

/* Hack for mobile */

@media only screen and (max-width: 768px) {

    /* Main */
    .right {
        display: block;
        width: 100%;
        padding: 1em;
        max-height: 20em;
        overflow: hidden;
    }

    .left {
        display: block;
        width: 100%;
        padding: 1em;
        border-radius: 5px 5px 0 0;
    }

    .left .menu {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 0;
    }

    .left .menu li {
        width: 50%;
        padding: .5em 0;
        display: inline-block;
    }

    .avatar {
        margin-top: -5em;
    }

    body {
        padding: 0 1em 0 1em;
    }

    main {
        width: 100%;
        max-width: 22em;
    }

    main .content {
        display: block;
        margin: 5em 0 1em 0;
        width: 100%;
        height: 35em;
        overflow: visible;
    }

    footer {
        margin-bottom: 1em;
    }

    footer #hitokoto {
        font-size: 80%;
    }

    .copyright {
        display: none;
    }

    .copyright-mobile {
        display: block;
    }

    /* Sections */
    #home h1 {
        margin-top: .5em;
        font-size: 2.5em;
    }

    #home p {
        margin-top: 2em;
    }

    #archives h1 {
        margin-top: .2em;
        font-size: 1.5em;
    }

    #archives ul {
        margin-top: .5em;
    }

    #archives a {
        font-size: 75%;
    }

    #archives .meta {
        font-size: 60%;
    }

    #contact h1 {
        margin-top: .3em;
        font-size: 2em;
    }

    #contact .items {
        margin-top: 1em;
    }

    #contact .items a {
        padding: .3em 0;
    }

    #contact .items a i {
        font-size: 2em;
        margin-top: .2em;
    }

    #contact .items a span {
        margin-top: 1em;
    }

    #donate h1 {
        margin-top: .3em;
        font-size: 2em;
    }

    #donate .donate-img-box {
        margin: .5em auto 1em auto;
        max-width: 20em;
        max-height: 15.5em;
    }

    #donate .donate-img-box img {
        margin: .1em;
        width: 40%;
    }

    #donate p {
        margin-top: 1em;
        font-size: 60%;
    }
}