wa-page {
    background-color: inherit;
}
wa-page::before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("https://atorodesu.com/storage/cache/images/000/041/Patreon-Atoro2fx-copy,xlarge.1767932000.png");
    background-size: cover;
    background-attachment: fixed;
    background-position: center bottom;
    opacity: .2;
    z-index: -1;
}
.centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.skeleton-avatar {
    display: inline-flex;
    flex-grow: 0;
    width: 3rem;
    height: 3rem;
    margin-right: 0.5rem;
}
.skeleton-tweet {
    wa-skeleton:nth-child(1) {
        width: 10rem;
    }
    wa-skeleton:nth-child(2) {
        width: 20rem;
    }
    wa-skeleton:nth-child(3) {
        width: 15rem;
    }
    wa-skeleton:nth-child(4) {
        width: 20rem;
        height: 12rem;
        &::part(indicator) {
            border-radius: var(--wa-border-radius-m);
        }
    }
}
.skeleton-blog {
    wa-skeleton:nth-child(1) {
        width: 19rem;
    }
    wa-skeleton:nth-child(2) {
        width: 20rem;
    }
    wa-skeleton:nth-child(3) {
        width: 18rem;
    }
    wa-skeleton:nth-child(4) {
        width: 13rem;
    }
}
.gallery > wa-card {
    --spacing: var(--wa-space-s);
}
.card-image img {
    border-radius: var(--wa-border-radius-m) var(--wa-border-radius-m) 0 0;
}
@media (max-width: 767px) {
    .about-image {
        order: 1;
    }
    .about-text {
        order: 2
    }
}

.image-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1rem 2rem;
    border-radius: 1rem;
}