@font-face {
    font-family: "Montserrat";
    src: url('../content/fonts/montserrat/Montserrat-Regular.woff2');

    src:
        local("Montserrat-Regular"),
        local("Montserrat-Regular"),
        url('../content/fonts/montserrat/Montserrat-Regular.eot#iefix') format('embedded-opentype'),
        url('../content/fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('../content/fonts/montserrat/Montserrat-Regular.woff') format('woff'),
        url('../content/fonts/montserrat/Montserrat-Regular.ttf') format('truetype'),
        url('../content/fonts/montserrat/Montserrat-Regular.svg#Montserrat') format('svg');

    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url('../content/fonts/montserrat/Montserrat-Bold.woff2');

    src:
        local("Montserrat-Bold"),
        local("Montserrat-Bold"),
        url('../content/fonts/montserrat/Montserrat-Bold.eot#iefix') format('embedded-opentype'),
        url('../content/fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('../content/fonts/montserrat/Montserrat-Bold.woff') format('woff'),
        url('../content/fonts/montserrat/Montserrat-Bold.ttf') format('truetype'),
        url('../content/fonts/montserrat/Montserrat-Bold.svg#Montserrat') format('svg');

    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Glancyr";
    src: url('../content/fonts/glancyr/Glancyr-Thin.woff2');

    src:
        local("Glancyr-Thin"),
        local("Glancyr-Thin"),
        url('../content/fonts/glancyr/Glancyr-Thin.eot?#iefix') format('embedded-opentype'),
        url('../content/fonts/glancyr/Glancyr-Thin.woff2') format('woff2'),
        url('../content/fonts/glancyr/Glancyr-Thin.woff') format('woff'),
        url('../content/fonts/glancyr/Glancyr-Thin.ttf') format('truetype'),
        url('../content/fonts/glancyr/Glancyr-Thin.svg#Glancyr') format('svg');

    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Glancyr";
    src: url('../content/fonts/glancyr/Glancyr-Medium.woff2');

    src:
        local("Glancyr-Medium"),
        local("Glancyr-Medium"),
        url('../content/fonts/glancyr/Glancyr-Medium.eot?#iefix') format('embedded-opentype'),
        url('../content/fonts/glancyr/Glancyr-Medium.woff2') format('woff2'),
        url('../content/fonts/glancyr/Glancyr-Medium.woff') format('woff'),
        url('../content/fonts/glancyr/Glancyr-Medium.ttf') format('truetype'),
        url('../content/fonts/glancyr/Glancyr-Medium.svg#Glancyr') format('svg');

    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

*{
    box-sizing: border-box;
}
html, body{
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

body{
    overflow: hidden;
}

html{
    background-color: rgb(20, 20, 20);
    color: white;
    height: fit-content;
}

img{
    object-fit: scale-down;
}

section, div{
    overflow: hidden;
}
p{
    font-size: 1rem;
    color: white;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5em;
}

b{
    font-family: 'Montserrat', sans-serif;
}

h4{
    font-family: 'Montserrat', sans-serif;
    color: #fe3e02;
    line-height: 1.2em;
}

h1, h2, h3{
    font-family: 'Glancyr', sans-serif;
    line-height: 1.3em;
}

h1{
    color: #fe3e02;
}

a{
    color: orange;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.05em;
}

input{
    background: rgba(255,255,255,.1);
    padding: 12px;
    border-radius: 5px;
    border: none;
    border-bottom: 1px solid white;
    margin-bottom: 10px;
    max-width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
    color: white;
}

a:hover{
    color: white;
}

.orange-button{
    padding: 16px 32px;
    color: white;
    background: linear-gradient(90deg, #FF1C01 0%, #FE3E02 100%);
    transition: .2s ease-in-out;
    border-radius: 5px;
    font-weight: 700;
    font-size: 1.1em;
    margin: 12px;
    width: 100%;
    border: 0;
    margin: 0;
    font-family: "Montserrat", sans-serif;
}

.orange-button:hover{
    color:#FF1C01;
    background: linear-gradient(180deg, white, rgb(245, 238, 234));
}

.blue-button{
    padding: 16px 32px;
    color: white;
    background: linear-gradient(45deg,#0091e5,#00a2ff,#88c4ff,#0091e5);
    transition: .2s ease-in-out;
    border-radius: 5px;
    font-weight: 700;
    font-size: 1.1em;
    margin: 12px;
    width: 100%;
    border: 0;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    background-size: 400% 200%;
    transition: background 1.6s cubic-bezier(0.55,0.1, 0.47, 0.94);
    animation: 3.4s cubic-bezier(0.2, 0.5, 0.9, 0.6) 2s infinite normal none running textura;
}

#loading{
    padding: 0;
    margin: 0;
    animation: loading infinite 2s linear;
}

@keyframes loading{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@keyframes textura {
0%{ 
background-position: 0 0;
}

100%{ background-position: 100%;

}
}

.blue-button:hover{
    color:#0178ff;
    background: linear-gradient(180deg, white, rgb(245, 238, 234));
}

.center-button{
    align-self: center;
}

.fit-button{
    width: fit-content;
}

.limit-box{
    max-width: 1140px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.color {
    color: #fe3e02;
}

@media(max-width:1080px){
    .limit-box{
        max-width: 90%;
    }
}