/* Стилі параграфів тексту */

body {
    background: lightblue; /* Цвет фона веб-страницы */
}

.maxwidth {
    position: absolute;
    background: white;
    border: 0px solid rgb(100, 100, 100);
    left: 0%;    top: 0px;
    width: 100%; height: 100%;
}

/* =============== MOBILE ====================== */

.titolo1 {                                 /* 1 mobila */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 2%; padding-right: 0%;
    padding-top: 0%; padding-bottom: 0%;
    font-weight: bold;
    color: black; font-size: 2.5vh;
    line-height: 1.0;
    margin-top: 0.5em; /* Отступ сверху */
    margin-bottom: 1.0%; /* Отступ снизу */
}
.titolo2 {                                 /* 2 mobila */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 2%; padding-right: 0%;
    padding-top: 0%; padding-bottom: 0%;
    font-weight: bold;
    line-height: 1.0;
    color: black; font-size: 2.2vh;
    margin-top: 2.5%; /* Отступ снизу */
    margin-bottom: 1.0%; /* Отступ снизу */
}
.titolo3 {                                 /* 3 mobila */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 2%; padding-right: 0%;
    padding-top: 0%; padding-bottom: 0%;
    font-weight: bold; font-style: italic;
    color: black; font-size: 2.0vh;
    margin-top: 3.0%; /* Отступ сверху */
    margin-bottom: 1.0%; /* Отступ снизу */
}
.testo {                                 /* 4 mobila */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 2%; padding-right: 0%;
    padding-top: 0%; padding-bottom: 0%;
    font-weight: normal;
    color: black; font-size: 2.0vh;
    line-height: 1.2;
    margin-top: 0.9%; /* Отступ снизу */
    margin-bottom: 0.5%; /* Отступ снизу */
}
.list {                                 /* 5 mobila */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 5%; padding-right: 0%;
    padding-top: 0%; padding-bottom: 0%;
    font-weight: normal;
    color: black; font-size: 2.0vh;
    line-height: 1.2;
    margin-top: 0.0%; /* Отступ снизу */
    margin-bottom: 1.0%; /* Отступ снизу */
}
.formula {                                 /* 6 mobila */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 5%;
    font-family: "JetBrains+Mono", monospace;
    font-weight: 400; font-style: ;
    color: darkblue; font-size: 2.05vh;
    -webkit-text-stroke-width: 0.040vh; /* Ширина обводки для WebKit-браузеров */
    -webkit-text-stroke-color: darkblue; /* Цвет обводки для WebKit-браузеров */
    margin-top: 0.0%; /* Отступ снизу */
    margin-bottom: 0.0%; /* Отступ снизу */
}
.atenzione {                                 /* 8 mobila */
    display: block;
    border: 1px solid brown;
    position: relative;
    font-weight: normal;
    color: black; font-size: 2.0vh;
    line-height: 1.2;
    padding: 1% 3%;
    margin: 3.0% 3.0%;
}
.numer_list_txt {                                 /* 9 mobila */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 5%; padding-right: 0%;
    padding-top: 0%; padding-bottom: 0%;
    color: black; font-size: 2.09vh;
    line-height: 1.2;
    margin-top: 0.0%; /* Отступ сверху */
    margin-bottom: 1.5%; /* Отступ снизу */
}
.formula_ {                                 /* 10 mobila */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 10.9%;
    font-family: "JetBrains+Mono", monospace;
    font-weight: 400; font-style: ;
    color: darkblue; font-size: 2.05vh;
    -webkit-text-stroke-width: 0.040vh; /* Ширина обводки для WebKit-браузеров */
    -webkit-text-stroke-color: darkblue; /* Цвет обводки для WebKit-браузеров */
    margin-top: 0.0%; /* Отступ сверху */
    margin-bottom: 0.0%; /* Отступ снизу */
}
.image {                                /* mobila */
    position: relative;
    border: 3px solid green;
    border-radius: 15px;
    position: relative;
    padding: 0%;
    margin: 3.0% 2.0%;
}
.contur {                               /* mobila */
    -webkit-text-stroke-width: 0.040vh;
    -webkit-text-stroke-color: black;
}

/*   =================  End MEDIA Mobile ======================  */

/*   =================== MEDIA COMPUTER ======================  */

body {  }

@media (min-width: 450px) {

/* Реєстр заголовків */

.indice1 {                                 /* 1 computer */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 0%; padding-right: 2%;
    padding-top: 0%; padding-bottom: 0%;
    font-weight: normal; font-style: ;
    color: ; font-size: 1.2vw;
    line-height: 1.0;
    -webkit-text-stroke-width: 0.02vw; /* Ширина обводки для WebKit-браузеров */
    -webkit-text-stroke-color: darkgreen; /* Цвет обводки для WebKit-браузеров */
    margin-top: 5.0%; /* Отступ сверху */
    margin-bottom: 3.0%; /* Отступ снизу */

}
.indice2 {                                 /* 2 computer */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 5%; padding-right: 2%;
    padding-top: 0%; padding-bottom: 0%;
    font-weight: normal; font-style: ;
    color: ; font-size: 1.1vw;
    line-height: 1.0;
    -webkit-text-stroke-width: 0.01vw; /* Ширина обводки для WebKit-браузеров */
    -webkit-text-stroke-color: darkgreen; /* Цвет обводки для WebKit-браузеров */
    margin-top: 1.5%; /* Отступ сверху */
    margin-bottom: 3.0%; /* Отступ снизу */

}
.indice3 {                                 /* 3 computer */
    display: block;
    border: 0px solid brown;
    position: relative;
    padding-left: 10%; padding-right: 2%;
    padding-top: 0%; padding-bottom: 0%;
    font-weight: normal; font-style: italic;
    color: ; font-size: 1.0vw;
    line-height: 1.0;
    -webkit-text-stroke-width: 0.01vw; /* Ширина обводки для WebKit-браузеров */
    -webkit-text-stroke-color: darkgreen; /* Цвет обводки для WebKit-браузеров */
    margin-top: 1.0%; /* Отступ снизу */
    margin-bottom: 3.0%; /* Отступ снизу */
}

/* Вміст книги */

.titolo1 {                                 /* 1 computer */
    font-size: 1.8vw;


}
.titolo2 {                                 /* 2 computer */
    font-size: 1.5vw;
}
.titolo3 {                                 /* 3 computer */
    font-size: 1.2vw;
}
.testo {                                 /* 4 computer */
    font-size: 1.1vw;
}
.list {                                 /* 5 computer */
    font-size: 1.1vw;
}
.formula {                                 /* 6 computer */
    font-size: 1.15vw;
}

.atenzione {                                 /* 8 computer */
    font-size: 1.1vw;
}
.numer_list {                                 /* 5 computer */
    font-size: 1.1vw;
    -webkit-text-stroke-width: 0.040vh;
}
.formula_ {                                 /* 10 computer */
    font-size: 1.15vw;
    -webkit-text-stroke-width: 0.040vh;
}
.contur {                                   /* computer */
    -webkit-text-stroke-width: 0.025vw;
    -webkit-text-stroke-color: black;
}

}