css.css

body {
  text-align: center;
  background-color: burlywood;
  font-size: larger;
  font-family: 'Times New Roman', serif;
}

.lang {
  margin-top: 15px;
  margin-bottom: 15px;
}

.main_field {
  padding: 20px;
}

.intro {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border: solid 2px black;
  border-radius: 15px;
  background-color: lightgrey;
  padding: 25px;
  text-align: left;
}

.main {
  margin-left: auto;
  margin-right: auto;
  background-color: lemonchiffon;
  padding: 25px;
  text-align: left;
}

.right-intendation-cancel {
  text-indent: 0px 
}

/* It feels like making text RTL is going to give you as many issues as it solves...  */
.author-right {
  text-align: right;
  text-indent: 70px;
  direction: rtl;
}

p {
  margin-top: 5px;
  margin-bottom: 5px;
  text-indent: 30px;
}

@media screen and (max-width: 600px) {
  p {
    margin-top: 10px;
    margin-bottom: 10px;
    text-indent: 20px;
  }
}