body {
    margin: 0; /* убирание внешнего отступа по умолчанию */
    background-image: url("fon.svg");
    background-size: 640px auto; /* ширина фоновой картинки 640 пикселей, высота - подбирается сама с сохранением пропорций. Браузер повторяет картинку плиткой по горизонтали и вертикали, а фон прокручивается вместе со страницей */
    font-family: Arial, sans-serif; /* задает шрифт для всего текста на странице, указан "запасной вариант" (любой шрифт без засечек) */
    color: #18203a;
}

header, main, footer {
    width: 900px;
    margin: 0 auto; /* внешний отступ: сверху и снизу (0), слева и справа (auto - делит свободное место поровну */
}

header {
    padding: 90px 0 60px; /* внутренний отступ: сверху 90px, слева и справа 0, снизу 60px */
}

h1 {
    margin: 0;
    font-family: "Arial Black", sans-serif;
    font-weight: 800; /* насыщенность (толщина) шрифта */
    font-size: 110px;
    line-height: 0.95; /* высота строки (множитель от размера шрифта) */
    color: #2e3c6e;
}

h2 {
    margin: 0 0 15px;
    padding-bottom: 8px; /* внутренний отступ только снизу, расстояние между текстом заголовка и линией под ним */
    border-bottom: 3px solid #9aa6d6; /* рамка только снизу, то есть сплошная линия толщиной 3px */
    font-family: "Arial Black", sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #2e3c6e;
}

h3 {
    margin: 15px 0 5px;
    font-size: 19px;
    font-weight: 600;
    color: #4a5784;
}

p {
    margin: 0;
    font-size: 18px;
    line-height: 1.6; 
}

section {
    margin-bottom: 50px; /* внешний отступ только снизу (расстояние между разделами) */
}

.skills {
    display: flex; /* flex превращает элемент во флекс-контейнер, а его дочерние элементы (навыки) - во флекс-элементы, которые по умолчанию встают в одну строку */
    flex-wrap: wrap; /* Если не помещаются в строку, переносятся на следующую */
    gap: 10px; /* расстояние между флекс-элементами по горизонтали и вертикали */
}

.skill {
    background-color: #ffffff;
    border: 3px dashed #9aa6d6; /* рамка со всех сторон толщиной 3px, пунктирная */
    border-radius: 8px; /* скругление углов радиусом 8px */
    padding: 4px 14px; /* внутренний отступ сверху и снизу 4px, слева и справа 14px */
    font-size: 17px;
}

footer {
    padding-bottom: 60px;
}

footer p {
    margin-bottom: 5px;
}

a {
    color: #4a5784;
    font-weight: 600;
}

a:hover { /* состояние элемента при наведении курсора мыши */
    color: #18203a;
}