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

.page-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 72px 72px;
    min-height: 100%;
    overflow: hidden;
}

.tree-svg-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tree-outline {
    width: 1000px;
    max-width: 90vw;
    height: auto;
    display: block;
}

.tree-outline .canopy,
.tree-outline .trunk {
    vector-effect: non-scaling-stroke;
}

.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: 1000px;
    margin: 0 auto;
}

p {
    font-size: 20px;
    line-height: 2;
    margin: 5px 0;
}

.line1 {
    margin-left: 0px;
}

.line2 {
    margin-left: 30px;
}

.line3 {
    margin-left: 60px;
}

.line4 {
    margin-left: 90px;
}

.line5 {
    margin-left: 120px;
}

.line6 {
    margin-left: 150px;
}

.line7 {
    margin-left: 180px;
}

.line8 {
    margin-left: 210px;
}

.line9 {
    margin-left: 240px;
}

.line10 {
    margin-left: 270px;
}

.line11 {
    margin-left: 300px;
}

.line12 {
    margin-left: 330px;
}

.line13 {
    margin-left: 360px;
}

.line14 {
    margin-left: 390px;
}

.line15 {
    margin-left: 420px;
}

.line16 {
    margin-left: 450px;
}

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