/* Общие стили */
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    background: url('back.jpg') no-repeat center center fixed;
    background-size: cover;
    color: white;
    overflow-x: hidden;
    text-align: right; /* Весь текст выравнивается по правой стороне */
}

/* Стили текста */
h1 {
    font-size: 3rem;
    margin: 20px 40px 0 40px; /* Увеличенные отступы сверху и с боков */
}

h2 {
    font-size: 2rem;
    margin: 20px 40px 10px 40px; /* Увеличенные отступы сверху, с боков и снизу */
}

p, ul {
    font-size: 1.2rem;
    line-height: 1.5;
    margin: 10px 40px; /* Увеличенные отступы сверху/снизу и с боков */
}

/* Убираем фон под текстом */
header, main {
    padding: 20px;
    background: none;
}

/* Ссылки */
a {
    color: white; /* Белый цвет ссылок */
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #ff8800; /* Оранжевый цвет при наведении */
}

/* Центрирование ссылок */
footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px; /* Отступы внутри футера */
    background: none;
}

.center-align {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px; /* Промежуток между логотипами */
    margin: 0 auto; /* Автоматические отступы для центрирования */
    max-width: 100%; /* Ограничение ширины */
}

.center-align li {
    list-style: none;
}

.center-align img {
    max-width: 150px;
    transition: transform 0.3s ease;
}

.center-align img:hover {
    transform: scale(1.1);
}