.readDiv {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    background-color: #3d3833;
    box-shadow: 0 5px 11px #000;
    z-index: 1;
}
 
.readButtonImg {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 10rem;
}

.textForRead {
    display: none;
    background-color: #292522;
    border-bottom: solid 2px #3d3833;
    box-shadow: 0 7px 9px #000;
}
.textForRead p {
    /* padding: 0;  */
    margin-top: 0;
    margin-bottom: 0;
    text-indent: 1rem;
}

.textForRead p:nth-child(2) {
    text-indent: 1rem;  /* в main.css у нас здесь был 0 из-за буквицы */
  }


.textForRead h4 {
    margin: 0.6rem auto;
    text-align: center;
    color: var(--textContentP);
}

.textForRead ul {
    padding: 0 1rem 0 1.5rem;
}

@media only screen and (min-width: 480px) {
    .textForRead p {
        padding: 0 1.4rem;
    }   
}