@import url(index/normalize.css);

@import url(index/header.css);
@import url(index/hero.css);

@import url(index/container.css);
@import url(index/events.css);
@import url(index/news.css);
@import url(index/stats.css);

@import url(index/footer.css);

@import url(index/login.css);
@import url(index/regs.css);
@import url(index/cookie.css);

@import url(index/media.css);
/* общие цвета, настройки кнопок, контейнер, модалка*/
main {
    max-width: 1140px;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
main  > *:last-child {
  margin-top: -20px; /* компенсируем разницу: 40px - 20px = 20px */
}
button {
 max-height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}
.color-blue {
    color: #5187fc;
}
.color-pink {
    color: #fc51b3;
}
.back-blue {
    background-color: #5187fc;
}
.hover-blue:hover {
    background-color: transparent;
    border: 1px solid #5187FC;
    color: #5187FC;
}
.back-pink {
    background-color: #fc51b3;
}
.hover-pink:hover {
    background-color: transparent;
    border: 1px solid #fc51b3;
    color: #fc51b3;
}
.back-violet {
    background-color: #b75eea;
}
.back-green {
    background-color: #40C26E;
}
.hover-blue:hover {
    background-color: transparent;
    border: 1px solid #5187FC;
    color: #5187FC;
}
.hover-green:hover {
    background-color: transparent;
    border: 1px solid #40C26E;
    color: #40C26E;
}