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: -90px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

p {
    position: absolute;
    font-size: 80px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    animation: appear 0.4s;
    animation-fill-mode: forwards;
}

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

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

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

.word1 {
    animation-delay: 0.0s;
}

.word2 {
    animation-delay: 0.4s;
}

.word3 {
    animation-delay: 0.8s;
}

.word4 {
    animation-delay: 1.2s;
}

.word5 {
    animation-delay: 1.6s;
}

.word6 {
    animation-delay: 2.0s;
}

.word7 {
    animation-delay: 2.4s;
}

.word8 {
    animation-delay: 2.8s;
}

.word9 {
    animation-delay: 3.2s;
}

.word10 {
    animation-delay: 3.6s;
}

.word11 {
    animation-delay: 4.0s;
}

.word12 {
    animation-delay: 4.4s;
}

.word13 {
    animation-delay: 4.8s;
}

.word14 {
    animation-delay: 5.2s;
}

.word15 {
    animation-delay: 5.6s;
}

.word16 {
    animation-delay: 6.0s;
}

.word17 {
    animation-delay: 6.4s;
}

.word18 {
    animation-delay: 6.8s;
}

.word19 {
    animation-delay: 7.2s;
}

.word20 {
    animation-delay: 7.6s;
}

.word21 {
    animation-delay: 8.0s;
}

.word22 {
    animation-delay: 8.4s;
}

.word23 {
    animation-delay: 8.8s;
}

.word24 {
    animation-delay: 9.2s;
}

.word25 {
    animation-delay: 9.6s;
}

.word26 {
    animation-delay: 10.0s;
}

.word27 {
    animation-delay: 10.4s;
}

.word28 {
    animation-delay: 10.8s;
}

.word29 {
    animation-delay: 11.2s;
}

.word30 {
    animation-delay: 11.6s;
}

.word31 {
    animation-delay: 12.0s;
}

.word32 {
    animation-delay: 12.4s;
}

.word33 {
    animation-delay: 12.8s;
}

.word34 {
    animation-delay: 13.2s;
}

.word35 {
    animation-delay: 13.6s;
}

.word36 {
    animation-delay: 14.0s;
}

.word37 {
    animation-delay: 14.4s;
}

.word38 {
    animation-delay: 14.8s;
}

.word39 {
    animation-delay: 15.2s;
}

.word40 {
    animation-delay: 15.6s;
}

.word41 {
    animation-delay: 16.0s;
}

.word42 {
    animation-delay: 16.4s;
}

.word43 {
    animation-delay: 16.8s;
}

.word44 {
    animation-delay: 17.2s;
}

.word45 {
    animation-delay: 17.6s;
}

.word46 {
    animation-delay: 18.0s;
}

.word47 {
    animation-delay: 18.4s;
}

.word48 {
    animation-delay: 18.8s;
}

.word49 {
    animation-delay: 19.2s;
}

.word50 {
    animation-delay: 19.6s;
}

.word51 {
    animation-delay: 20.0s;
}

.word52 {
    animation-delay: 20.4s;
}

.word53 {
    animation-delay: 20.8s;
}

.word54 {
    animation-delay: 21.2s;
}

.word55 {
    animation-delay: 21.6s;
}

.word56 {
    animation-delay: 22.0s;
}

.word57 {
    animation-delay: 22.4s;
}

.word58 {
    animation-delay: 22.8s;
}

.word59 {
    animation-delay: 23.2s;
}

.word60 {
    animation-delay: 23.6s;
}

.word61 {
    animation-delay: 24.0s;
}

.word62 {
    animation-delay: 24.4s;
}

.word63 {
    animation-delay: 24.8s;
}

.word64 {
    animation-delay: 25.2s;
}

.word65 {
    animation-delay: 25.6s;
}

.word66 {
    animation-delay: 26.0s;
}

.word67 {
    animation-delay: 26.4s;
}

.word68 {
    animation-delay: 26.8s;
}

.word69 {
    animation-delay: 27.2s;
}

.word70 {
    animation-delay: 27.6s;
}

.word71 {
    animation-delay: 28.0s;
}

.word72 {
    animation-delay: 28.4s;
}

.word73 {
    animation-delay: 28.8s;
}

.word74 {
    animation-delay: 29.2s;
}

.word75 {
    animation-delay: 29.6s;
}

.word76 {
    animation-delay: 30.0s;
}

.word77 {
    animation-delay: 30.4s;
}

.word78 {
    animation-delay: 30.8s;
}

.word79 {
    animation-delay: 31.2s;
}

.word80 {
    animation-delay: 31.6s;
}

.word81 {
    animation-delay: 32.0s;
}

.word82 {
    animation-delay: 32.4s;
}

.word83 {
    animation-delay: 32.8s;
}

.word84 {
    animation-delay: 33.2s;
}

.word85 {
    animation-delay: 33.6s;
}

.word86 {
    animation-delay: 34.0s;
}

.word87 {
    animation-delay: 34.4s;
}

.word88 {
    animation-delay: 34.8s;
}

.word89 {
    animation-delay: 35.2s;
}

.word90 {
    animation-delay: 35.6s;
}

.word91 {
    animation-delay: 36.0s;
}

.word92 {
    animation-delay: 36.4s;
}

.word93 {
    animation-delay: 36.8s;
}

.word94 {
    animation-delay: 37.2s;
}

.word95 {
    animation-delay: 37.6s;
}

.word96 {
    animation-delay: 38.0s;
}

.word97 {
    animation-delay: 38.4s;
}

.word98 {
    animation-delay: 38.8s;
}

.word99 {
    animation-delay: 39.2s;
}

.word100 {
    animation-delay: 39.6s;
}

.word101 {
    animation-delay: 40.0s;
}

.word102 {
    animation-delay: 40.4s;
}

.word103 {
    animation-delay: 40.8s;
}

.word104 {
    animation-delay: 41.2s;
}

.word105 {
    animation-delay: 41.6s;
}

.word106 {
    animation-delay: 42.0s;
}

.word107 {
    animation-delay: 42.4s;
}

.word108 {
    animation-delay: 42.8s;
}

.word109 {
    animation-delay: 43.2s;
}

.word110 {
    animation-delay: 43.6s;
}

.word111 {
    animation-delay: 44.0s;
}

.word112 {
    animation-delay: 44.4s;
}

.word113 {
    animation-delay: 44.8s;
}

.word114 {
    animation-delay: 45.2s;
}

.word115 {
    animation-delay: 45.6s;
}

.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;
}