@font-face {
    font-family: Lava; /* Гарнитура шрифта */
    src: url("fonts/Lava/LavaPro-Regula.ttf"); /* Путь к файлу со шрифтом */
   }

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-HeavyItalic.eot');
    src: local('Lava Pro Heavy Italic'), local('LavaPro-HeavyItalic'),
        url('fonts/Lava/LavaPro-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-HeavyItalic.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-HeavyItalic.woff') format('woff'),
        url('fonts/Lava/LavaPro-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-BoldItalic.eot');
    src: local('Lava Pro Bold Italic'), local('LavaPro-BoldItalic'),
        url('fonts/Lava/LavaPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-BoldItalic.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-BoldItalic.woff') format('woff'),
        url('fonts/Lava/LavaPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-Medium.eot');
    src: local('Lava Pro Medium'), local('LavaPro-Medium'),
        url('fonts/Lava/LavaPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-Medium.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-Medium.woff') format('woff'),
        url('fonts/Lava/LavaPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-Bold.eot');
    src: local('Lava Pro Bold'), local('LavaPro-Bold'),
        url('fonts/Lava/LavaPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-Bold.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-Bold.woff') format('woff'),
        url('fonts/Lava/LavaPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-Regular.eot');
    src: local('Lava Pro Regular'), local('LavaPro-Regular'),
        url('fonts/Lava/LavaPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-Regular.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-Regular.woff') format('woff'),
        url('fonts/Lava/LavaPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-MediumItalic.eot');
    src: local('Lava Pro Medium Italic'), local('LavaPro-MediumItalic'),
        url('fonts/Lava/LavaPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-MediumItalic.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-MediumItalic.woff') format('woff'),
        url('fonts/Lava/LavaPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-RegularItalic.eot');
    src: local('Lava Pro Regular Italic'), local('LavaPro-RegularItalic'),
        url('fonts/Lava/LavaPro-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-RegularItalic.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-RegularItalic.woff') format('woff'),
        url('fonts/Lava/LavaPro-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-Heavy.eot');
    src: local('Lava Pro Heavy'), local('LavaPro-Heavy'),
        url('fonts/Lava/LavaPro-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-Heavy.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-Heavy.woff') format('woff'),
        url('fonts/Lava/LavaPro-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

.journal {
    display: flex;
    justify-content: center;
    background-color: #f7f7f7;
}

.journal-body {
    width: 80%;
    background-color: #fff;
}

.journal-body-title {
    display: flex;
    justify-content: center;
}

.journal-body-title h1{
    width: 70%;
    font-family: 'Lava Pro';
    font-size: 35px;
    font-weight: 400;
    line-height: 1.1;
}

.journal-body-quote {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.journal-body-quote p {
    font-size: 22px;
    text-align: right;
    width: 70%;
    font-family: 'Lava Pro';
    font-weight: normal;
    font-style: italic;
}

.journal-body-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 40px;
    bottom: 20px;
}

.journal-body-preface {
    width: 70%;
}

.journal-body-preface p{
    font-size: 19px;
    font-family: Lora;
    text-indent: 20px;
}

.journal-body-content {
    list-style-type: upper-roman; 
}

.journal-body-content-info {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.journal-body-soc {
    margin-top: 20px;
}

.journal-body-author {
    display: flex;
    justify-content: center;
}

.journal-body-author p{
    margin-top: 20px;
    width: 100%;
    font-size: 16px;
    text-align: center;
}

.journal-body-soc {
    display: flex;
    justify-content: center;
}

.journal-body-content-body {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70%;
}

.journal-body-content-chapter {
    width: 100%;
}

.journal-body-content-chapter-text {
    margin-top: 15px;
}

.journal-body-content-chapter h2{

    font-size: 25px;
    font-family: 'Lava Pro';
    font-weight: 600;
    line-height: 1.5;
}

.journal-body-content-chapter h3{
    margin-top: 10px;
    font-size: 23px;
    font-family: 'Lava Pro';
    font-weight: 300;
    line-height: 1.2;
    font-style: italic;
    
}

.journal-body-content-chapter p{
    margin-top: 10px;
    font-size: 19px;
    font-family: Lora;
    text-indent: 20px;
}

.journal-body-content-chapter-img {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.journal-body-content-chapter-img img{
   width: 70%;
   height: auto;
   background-size: cover;
}

.journal-body-content-chapter-note {
   display: flex;
   justify-content: center; 
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   margin: 40px 60px;
}

.journal-body-content-chapter-note p{
   margin: 20px; 
   width: 80%;
   font-size: 25px;
   font-family: 'Lava Pro';
   font-weight: 500;
   line-height: 1.2;
   font-style: italic;
}

.journal-body-content-chapter-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style-type: disc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.journal-body-content-chapter-example {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    background-color: #eaeaea;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%), inset 0 4px 0 0 #b78b5c;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 8px;
}

.journal-body-content-chapter-example p{
    margin: 10px 40px;
    font-size: 20px;
   font-family: 'Lava Pro';
   font-weight: 300;
   line-height: 1.2;
   font-style: italic;
}

.journal-body-content-chapter-list li{
    margin-left: 50px;
    margin-right: 50px;
}

@media screen and (max-width: 1024px) {
   

}


@media screen and (max-width: 1299px) {
    


}

@media screen and (min-width: 1399px) {
   

}

@media screen and (max-width: 670px) {
   


}