body {
  margin: 10px; /* Сброс отступов по умолчанию */
  padding-top: 70px; /* Отступ сверху, равный высоте шапки */
  font-family: sans-serif;
}
.header {
  background-color: #507ee0;
  color:#DDDDDD;
  padding: 10px 20px;
  position: fixed; /* Фиксирует шапку при прокрутке */
  top: 0; /* Прижимает шапку к верху экрана */
  width: 100%; /* Занимает всю ширину */
  box-sizing: border-box; /* Включает padding в ширину */
  z-index: 1000; /* Гарантирует, что шапка будет поверх другого контента */
  height: 120px; /* Высота шапки */
}
.content {
  height: 1500px; /* Пример большого контента для демонстрации прокрутки */
  padding: 120px;
  margin: 80px;
  width: 90%;
  /*width: 15em;*/
  border: 1px solid #333333;
  box-shadow: 8px 8px 5px #444444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, white, #dddddd 40%, #cccccc);
}