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


/* =============== MOBILE ====================== */
table {                                 /* mobile */
    border-spacing: 30px;

}
th, td {                             /* mobile */
  border-bottom: 0px solid #ddd;
  font-family: Arial;    font-size: 2.3vh;
  color: black;

}
td {                             /* mobile */
  border-bottom: 0px solid gray;
  font-family: Arial;    font-size: 11px;
  color: black; font-size: 1.5vh;
  height: 10%;
  padding-top: 5px;
}
tr {                             /* mobile */
  border-bottom: 1px solid gray;
  font-family: Arial;    font-size: 11px;
  color: white;
  padding: 10px;
}

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

 .titolo {                                 /* mobiler */
    display: block;
    background: ;
    border: 0px dotted red;
    position: absolute;
    left: -97.0%;     top:1.0%;
    width: 194.0%;   height: 10%;
    padding: 0px;
    color: rgb(100, 50, 50);
    font-size: 2.0vw;

}


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


@media (min-width: 450px) {

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

.titolo {                                 /* computer */
    display: block;
    background: ;
    border: 0px dotted red;
    position: absolute;
    left: -97.0%;     top:1.0%;
    width: 194.0%;   height: 10%;
    padding: 0px;
    color: rgb(100, 50, 50);
}
.titolo-time {                                 /* computer */
    display: block;
    background: ;
    border: 0px dotted red;
    position: absolute;
    left: 89.0%;     top:3.0%;
    width: 11.0%;   height: 10%;
    font-size: 0.9vw;
    color: rgb(100, 50, 50);
}

.content_view {                                 /* mobila */
    display: block;
    background:  ;
    border: 0px dotted brown;
    position: absolute;
    left: -97.0%;     top:14.0%;
    width: 194.0%;   height: 83%;
    padding-left:0%; padding-right: 3%;
    padding-top: 0%; padding-bottom: 0%;
    color: black; font-size: ;
    overflow-y: auto;
}
.content_view::-webkit-scrollbar {             /* mobila */
        width: 5px;    height: 5px;
}
.content_view::-webkit-scrollbar-thumb {
        background: linear-gradient(to top, rgb(100, 50, 50), rgb(225, 215, 215));
        border-radius: 5px;
}


.menu-button {                              /* mobile */
    position: relative;
    background: rgb(75, 50, 50);  /* superdarkbrown */
    border: 3px solid gray;
    border-radius: 10px;
    left:2.0%;    top:0%;
    width:96%;    height:4vh;
    font-size: 2.4vw; color: white;
    vertical-align: middle;
    padding: 0.0% 5.0%;
    margin-bottom: 3%;
    overflow: hidden;
}