body {
    margin: 0;
    padding: 40px;
    font-family: "Adobe Jenson Pro", Georgia, serif;
    background-color: #1C1000;
    color: #fff
}

.page-main {
    overflow: hidden;
}

.back-button {
    position: fixed;
    top: 60px;
    left: 100px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    padding: 5px;
}

.back-button:hover {
    opacity: 0.5;
}

.container {
    max-width: 800px;
    margin: -80px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

p {
    position: absolute;
    font-size: 32px;
    line-height: 2;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    animation: appear 2.4s;
    animation-fill-mode: forwards;
}

@keyframes appear {
    0% {
        visibility: visible;
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.line1 {
    animation-delay: 0s;
}

.line2 {
    animation-delay: 2.4s;
}

.line3 {
    animation-delay: 4.8s;
}

.line4 {
    animation-delay: 7.2s;
}

.line5 {
    animation-delay: 9.6s;
}

.line6 {
    animation-delay: 12.4s;
}

.line7 {
    animation-delay: 14.8s;
}

.line8 {
    animation-delay: 17.2s;
}

.line9 {
    animation-delay: 19.6s;
}

.line10 {
    animation-delay: 22s;
}

.line11 {
    animation-delay: 24.4s;
}

.line12 {
    animation-delay: 26.8s;
}

.line13 {
    animation-delay: 29.2s;
}

.line14 {
    animation-delay: 31.6s;
}

.line15 {
    animation-delay: 34s;
}

.line16 {
    animation-delay: 36.4s;
}

.navigation {
    position: fixed;
    bottom: 40px;
    left: 110px;
    display: flex;
    gap: 20px;
}

.nav-button {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    padding: 5px;
}

.nav-button:hover {
    opacity: 0.5;
}