/* Perspective 4 – Fisheye lens: center lines largest, edges smallest; letter-spacing and line-height peak at center */

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

.page-main {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.fisheye {
    max-width: 90vw;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}

.container.fisheye p {
    margin: 0;
    color: #260B00;
}

/* Fisheye curve: 12px at lines 1 & 16 → 40px at lines 8 & 9; letter-spacing and line-height peak at center */
.container.fisheye .line1  { font-size: 12px; letter-spacing: 0;     line-height: 1.2; }
.container.fisheye .line2  { font-size: 14px; letter-spacing: 0.003em; line-height: 1.23; }
.container.fisheye .line3  { font-size: 17px; letter-spacing: 0.006em; line-height: 1.26; }
.container.fisheye .line4  { font-size: 20px; letter-spacing: 0.01em;  line-height: 1.3; }
.container.fisheye .line5  { font-size: 24px; letter-spacing: 0.013em; line-height: 1.35; }
.container.fisheye .line6  { font-size: 29px; letter-spacing: 0.016em; line-height: 1.4; }
.container.fisheye .line7  { font-size: 35px; letter-spacing: 0.018em; line-height: 1.45; }
.container.fisheye .line8  { font-size: 40px; letter-spacing: 0.02em;  line-height: 1.5; }
.container.fisheye .line9  { font-size: 40px; letter-spacing: 0.02em;  line-height: 1.5; }
.container.fisheye .line10 { font-size: 35px; letter-spacing: 0.018em; line-height: 1.45; }
.container.fisheye .line11 { font-size: 29px; letter-spacing: 0.016em; line-height: 1.4; }
.container.fisheye .line12 { font-size: 24px; letter-spacing: 0.013em; line-height: 1.35; }
.container.fisheye .line13 { font-size: 20px; letter-spacing: 0.01em;  line-height: 1.3; }
.container.fisheye .line14 { font-size: 17px; letter-spacing: 0.006em; line-height: 1.26; }
.container.fisheye .line15 { font-size: 14px; letter-spacing: 0.003em; line-height: 1.23; }
.container.fisheye .line16 { font-size: 12px; letter-spacing: 0;     line-height: 1.2; }

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

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

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