@charset "utf-8";

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background-color: #E5C04E;
}

img {
    display: block;
    width: 100%;
    height: auto;
}

.page-wrapper {
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

.bg-img {
    background-image: url(../images/bg.webp);
    background-size: cover;

}

.fade-img {
    margin-top: -1px;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.5s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.active {
    opacity: 1;
    transform: translateY(0);
}