@font-face {
    font-family: Gilroy-Medium;
    src: url(../fonts/Gilroy-Medium.woff) format("woff"), url(../fonts/Gilroy-Medium.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gilroy-Regular;
    src: url(../fonts/Gilroy-Regular.woff) format("woff"), url(../Fonts/Gilroy-Regular.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Space Mono";
    src: url(../Fonts/SpaceMono-Regular.woff) format("woff"), url(../Fonts/SpaceMono-Regular.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Zen Dots";
    src: url(../Fonts/ZenDots-Regular.woff) format("woff"), url(../Fonts/ZenDots-Regular.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

body,
html {
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth
}

a {
    text-decoration: none
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

p {
    margin-top: 0;
    margin-bottom: 0
}

.container {
    max-width: 1240px;
    margin: 0 auto
}

@media (min-width:1800px) {
    .container {
        max-width: 1680px;
        margin: 0 auto
    }
}

@media (max-width:1290px) {
    .container {
        max-width: 655px
    }
}

@media (max-width:680px) {
    .container {
        max-width: 300px
    }
}

.btn {
    border-radius: 41px;
    background: linear-gradient(90deg, #9143f8 6.24%, #4f2af2 99.92%);
    color: #fff;
    text-align: center;
    font-family: Gilroy-Medium;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border: none;
    cursor: pointer
}

.btn:hover {
    background: linear-gradient(90deg, #d574de 1.01%, #8e54e9 82.23%)
}