body {
    margin: 0px;

    background-color: bisque;
}
header {
    /*margin-bottom: 30px;*/
    background-color: cornflowerblue;
    padding-top: 20px;                  /* Внутренний отступ сверху*/
    margin-left: 100px;                 /* Внешний отступ слева*/
    margin-right: 100px;                /* Внешний отступ справа*/
}

main {
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 0px;
    background-color: #87CEEB;
    padding: 50px;
}

h1 {                                    /* Блочный элемент */
    text-align: center;                 /* Выравнивание текста по центру. */
}

div {
    text-align: justify;
}

.text:hover {
        color: green;
}

a:hover {
    color: rgba(246, 5, 178, 0.42);
    text-decoration-line: underline;
}

a {
    text-decoration: none;
    font-size: 14pt;
}

.header1 {
    background-color: cadetblue;
    height: 100px;
    margin-left: 100px;                 /* Внешний отступ слева */
    margin-right: 100px;                /* Внешний отступ справа */
}

nav {
    display: flex;                      /* Расположение элементов по горизонтали */
    align-items: center;                /* Выравнивание по вертикали */
    justify-content: center;            /* Выравнивание по горизонтали */
    gap: 15px;                          /* Расстояние между элементами */
    padding-top: 0px;                   /* Внутренний отступ */
    background-color: aquamarine;       /* Цвет фона */
    height: 100px;                      /* Высота блока */
    margin-left: 100px;                 /* Внешний отступ слева*/
    margin-right: 100px;                /* Внешний отступ справа*/
    padding-left: 700px;               /* Внутренний отступ слева */
}

.soc {
    display: flex;
    gap: 15px;
    padding-left: 600px;
}

footer {
    background-color: lightseagreen;    /* Цвет фона */
    margin-left: 100px;                 /* Внешний отступ */
    margin-right: 100px;                /* Внешний отступ */
    padding-top: 30px;                  /* Внутренний отступ */
}

.obchiy {
    display: flex;                  /* Расположение элементов в режиме флекс по умолчанию горизонтально */
    align-items: center;            /* Выравнивание по вертикали */
    justify-content: center;        /* Выравнивание по горизонтали */
    gap: 700px;                     /* Расстояние между элементами */
    margin-bottom: 20px;            /* Внешний отступ */
}

.column_1 {
    display: flex;                  /* Расположение элементов в режиме флекс по умолчанию горизонтально */
    flex-direction: column;         /* Изменяем по умолчанию горизонтальное расположение по вертикали */
    align-items: flex-start;        /* Выравнивание по вертикали */
    justify-content: center;        /* Выравнивание по горизонтали */

}

.column_2 {
    display: flex;                  /* Расположение элементов в режиме флекс по умолчанию горизонтально */
    flex-direction: column;         /* Изменяем по умолчанию горизонтальное расположение по вертикали */
    align-items: flex-start;        /* Выравнивание по вертикали */
    justify-content: center;        /* Выравнивание по горизонтали */
}

.column_3 {
    display: flex;                  /* Расположение элементов в режиме флекс по умолчанию горизонтально */
    gap: 20px;                      /* Расстояние между элементами */
}

/*Изменение картинки при наведении*/
.img1:hover {
    background-image: url("../../../icons/telegram.png");   /* Путь к файлу иконки */
    width: 50px;                                            /* Ширина иконки */
    height: 50px;                                           /* Высота иконки */
    background-repeat: no-repeat;                           /* Отключаем повторение изображения */
    background-size: contain;                               /* Масштабируем изображение чтобы оно поместилось в контейнер */
}

.img2:hover {
    background-image: url("../../../icons/whatsapp.png");   /* Путь к файлу иконки */
    width: 50px;                                            /* Ширина иконки */
    height: 50px;                                           /* Высота иконки */
    background-repeat: no-repeat;                           /* Отключаем повторение изображения */
    background-size: contain;                               /* Масштабируем изображение чтобы оно поместилось в контейнер */
}

.img3:hover {
    background-image: url("../../../icons/viber.png");      /* Путь к файлу иконки */
    width: 50px;                                            /* Ширина иконки */
    height: 50px;                                           /* Высота иконки */
    background-repeat: no-repeat;                           /* Отключаем повторение изображения */
    background-size: contain;                               /* Масштабируем изображение чтобы оно поместилось в контейнер */
}

/*Расположение по центру с внутренними отступами */
.copyright {
    display: flex;                  /* Расположение элементов в режиме флекс */
    justify-content: center;        /* Центрировать по горизонтали (центру) */
    padding-top: 10px;              /* Внутренний отступ */
    padding-bottom: 30px;           /* Внутренний отступ */
}

.cod {
    display: flex;
    margin-left: 100px;
    gap: 150px;
    padding-left: 50px;
}

.png-pycharm {
    display: flex;
    flex-direction: column;
}

.png-css {
    display: flex;
    flex-direction: column;
}