body {
            background-color: #f5f0e1;
            font-family: 'Mongolian Baiti', serif;
            text-align: center;
            padding: 20px;
 }

.container {
            max-width: 600px;
            margin: auto;
            background: #d4a373;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

h1 {
            color: #6d4c41;
    }
   p {
            font-size: 18px;
            color: #3e2723;
   }
   

.page {
    background-color: #f5deb3; /* песочный фон */
    font-family: "Courier New", "DejaVu Sans Mono", monospace;
    color: black;
    margin: 1em auto;
    max-width: 900px; /* чтобы текст на широких экранах не растягивался слишком */
    line-height: 1.6;
    font-size: 1.1rem;
}

.sentence {
    margin-bottom: 1em;
    word-wrap: break-word;
}

/* Адаптация под мобильные устройства */
@media (max-width: 768px) {
    .page {
        font-size: 1.2rem;  /* немного крупнее шрифт */
        line-height: 1.8;   /* больше межстрочный интервал */
        margin: 0.8em;
    }

    .sentence {
        margin-bottom: 1.2em;
    }
}

/* Совсем маленькие экраны (например, телефоны < 480px) */
@media (max-width: 480px) {
    .page {
        font-size: 1.3rem;
        line-height: 1.9;
        margin: 0.5em;
    }
}