.textcontainer {
    max-height: 40vh; 
    max-height: calc(var(--vh, 1vh) * 40);
    width: 80%;
    text-align: center; 

}
h1{
   font-size: 25px;
   margin-top: 100px;
   margin-bottom: 5px;
}
.text {
   padding:5px;
   max-height: 50vh;
   max-height: calc(var(--vh, 1vh) * 50);
   overflow-y: auto; 
   text-align: justify;
   font-size: 16px;
}
p{
   margin:0;
}
section{
   display: flex;
   justify-content: flex-start; 
   align-items: flex-start;
}
.textcontainer, .text {
   box-sizing: border-box;
}
@media only screen and (max-width:518px){
   .text{
   font-size: 11px;
}
h2{
   font-size: 16px;
}

}