body {
    background-color: #e0f2f1; /* Замените этот цвет на любой нужный вам */
}
p {
    font-size: 1.5em;
     color: #225f5f; /*#004b23; */
}

h2 {
     font-size: 2.2em;
    }
    h3 {
     font-size: 2em;
    }
dl {
  /* Сжимает фон по ширине содержимого */
  display: block;        /* Возвращаем блочный режим (гарантирует перенос строки) */
  /* width: fit-content;    Сжимаем ширину блока и фона ровно по размеру текста */
  width: 75%;
  margin-bottom: 10px; 
  border: 5px solid green;
  padding: 1em;
  background-color: #f9f9f9;
  border-radius: 32px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5);
 
  margin: 0 auto;    /* Центрирует блок по горизонтали */
}
dt {
  font-weight: bold;
  color: black;
  margin-top: 3em;
}
dt ~ dt {
  margin-top: 3em;              
  padding-top: 2em;             
  border-top: 2px solid green;  /* Зеленая линия разделяет "Язык" и "Маркдаун" */
}

dd {
  margin-left: 4em;
  margin-top: 1em;
  color: #555;
   font-size: 1.2em; /* Изменяет размер шрифта */
}
dd + dd {
  margin-top: 1.5em;            /* Увеличиваем отступ между дефинициями */
  padding-top: 1.5em;           /* Добавляем внутренний отступ сверху от линии */
  border-top: 1px dashed #ccc;   /* Рисуем серую пунктирную линию между ними */
}

dfn {
  font-style: normal;
  color: #004d40;     
}