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

body {
    background: lightblue; /* Цвет фона веб-страницы */
}
/* =============== MOBILE ====================== */
.maxwidth {
    position: absolute;
    background: white;
    border: 0px solid rgb(100, 100, 100);
    left: 0%;    top: 0px;
    width: 100%; height: 100%;
}
.nome_corso {                         /* mobile */
    display: block;
    position: absolute;
    border: 0px dotted green;
    left: 10px;     top: 2.0%;
    width: 97.0%;   height: 10%;
    color: black; font-size: 2.4vh;
    font-weight: bold;
    line-height: 1.2;
}
.intro_corso {                         /* mobile */
    display: block;    position: absolute;
    background:  none;
    border: 0px dotted yellow;
    left: 0.0%;     top: 10.0%;
    width: 97.0%;   height: 86%;
    color: black; font-size: 1.9vh;
    line-height: 1.1;
    padding-left: 10%;
}
.intro_logo {
    display: none;    position: absolute;
    background:  rgb(210, 235, 210);
    border: 0px dotted red;
    left: 55.0%;     top: 63.0%;
    width: 45.0%;   height: 37%;
    color: black; font-size: 1.1vw;
    line-height: 1.1;
}
.intro_titolo {
    display: block;
    font-size: 2.1vh;
    padding-top: 1%;
}
.content_view {                                 /* mobila */
    display: block;
    background:  ;
    border: 0px dotted brown;
    position: absolute;
    left: 0.0%;     top:1.0%;
    width: 100.0%;   height: 98%;
    padding-left:0%; padding-right: 3%;
    padding-top: 0%; padding-bottom: 2%;
    color: black; font-size: 1.1vw;
    overflow-y: auto;
}
.content_view::-webkit-scrollbar {             /* mobila */
        width: 5px;    height: 5px;
}
.content_view::-webkit-scrollbar-thumb {
        background: linear-gradient(to top, darkgreen, rgb(180, 250, 180));
        border-radius: 5px;
}

.language_button {                             /* mobile */
    display: block;
    border: 0px dotted red;
    position: absolute;
    left: 3.0%;     top:12.0%;
    width: 94.0%;   height: 5.5%;
}

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


@media (min-width: 450px) {

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

.image {
    position: relative;
    border: 3px solid green;
    border-radius: 15px;
    position: relative;
    padding: 0%;
    margin: 3.0% 2.0%;
}

.indice_view {                             /* computer */
    display: block;
    border: 0px dotted red;
    position: absolute;
    left: 3.0%;     top:18.0%;
    width: 97.0%;   height: 80.0%;
    overflow-y: auto;
}
.indice_view::-webkit-scrollbar {        /* computer */
        width: 5px;    height: 5px;
}
.indice_view::-webkit-scrollbar-thumb {
        background: linear-gradient(to top, darkgreen, rgb(230, 230, 230));
        border-radius: 5px;
}

.logo {                                 /* computer */
    display: block;
    background:  ;
    border: 0px dotted red;
    position: absolute;
    left: 3.0%;     top:1.0%;
    width: 97.0%;   height: 10%;
    color: black; font-size: 1.1vw;
}
.nome_corso {                         /* computer */
    display: block;
    position: absolute;
    border: 0px dotted green;
    left: 10px;     top: 2.0%;
    width: 97.0%;   height: 10%;
    color: black; font-size: 4.0vh;
    line-height: 1.2;
    font-weight: normal;
}
.intro_corso {
    display: block;    position: absolute;
    background:  none;
    border: 0px dotted yellow;
    left: 0.0%;     top: 13.0%;
    width: 97.0%;   height: 86%;
    color: black; font-size: 1.1vw;
    line-height: 1.1;
}
.intro_logo {
    display: block;    position: absolute;
    background:  rgb(210, 235, 210);
    border: 0px dotted red;
    left: 55.0%;     top: 63.0%;
    width: 45.0%;   height: 37%;
    color: black; font-size: 1.1vw;
    line-height: 1.1;
}
.intro_titolo {                          /* computer */
    font-size: 1.4vw;
    padding-top: 1%
}
.menu_termine {                                 /* computer */
    display: block;
    background:  ;
    border-left: 1px solid white;
    position: absolute;
    padding-left: 3.0%; padding-top: 1.0%;
    line-height: 1.2;
    left:  51.0%;   top:10.5%;
    width: 48.0%;   height: 88.5%;
    color: white; font-size: 1.1vw;
    overflow-y: auto; overflow-x: hidden;
}
.menu_termine::-webkit-scrollbar {             /*  */
        width: 5px;    height: 5px;
}
.menu_termine::-webkit-scrollbar-thumb {
        background: linear-gradient(to top, darkgreen, rgb(180, 250, 180));
        border-radius: 5px;
}
.menu_campo {                                 /*  */
    display: block;
    background:  ;
    border: 0px solid white;
    position: absolute;
    padding-top: 1.0%;
    line-height: 1.0;
    left:  2.0%;   top:10.5%;
    width: 46.0%;  height: 88.5%;
    color: lightgray; font-size: 1.1vw;
    overflow: hidden;
}

}