/* Main  */

body,
html {
    font-family: "Noto Sans JP", sans-serif;
    scroll-behavior: smooth;
}

.has-same-height {
    display: flex;
}

.has-wide-margin {
    width: 85%;
    max-width: 1200px;
    margin: 0 auto;
}

.hero {
    padding-top: 1.5rem;
    height: 400px;
}

.hero-content {
    display: flex;
    align-items: flex-start;
}

.hero-headers {
    margin-left: 4rem;
}

.hero-image {
    min-width: 300px;
    max-width: 300px;
}

/* pr-6 pb-6 has-text-light is-size-4 */
.introduction {
    padding-right: 3rem;
    padding-bottom: 3rem;
    font-size: 1.5rem;
    color: rgb(245, 245, 245);
}

.book-image {
    min-width: 300;
    max-width: 300px;
    margin: 0 auto;
}

.book-link {
    display: block;
}

footer {
    border-top: 10px solid #4f4f4f;
}

/* Admin */

.admin-title {
    border-left: 10px solid red;
    padding-left: 10px;
}

.admin-subtitle {
    padding-left: 20px;
}

/* Media Queries */

@media screen and (max-width: 768px) {
    .has-wide-margin {
        width: 100%;
        margin: 0 auto;
    }
    .hero-headers {
        margin-left: 0.5rem;
    }

    /* pr-6 pb-6 has-text-light is-size-5 */
    .introduction {
        padding-right: 3rem;
        padding-bottom: 3rem;
        font-size: 1.25rem;
        color: rgb(245, 245, 245);
    }
}

@media only screen and (max-width: 500px) {
    .socials {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 1rem;
    }
}