@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@500&display=swap');
.BebasNeue {
    font-family: 'Bebas Neue', cursive;
}

.NotoSans {
    font-family: 'Noto Sans', sans-serif;
}

.Kanit {
    font-family: 'Kanit', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

.Manrope {
    font-family: 'Manrope', sans-serif;
}

.Jost {
    font-family: 'Jost', sans-serif;
}

.margin-10 {
    margin-left: 10%;
    margin-right: 10%;
}

.margin-5 {
    margin-left: 8%;
    margin-right: 8%;
}

.mt-10 {
    margin-top: 10%;
}

.mb-10 {
    margin-bottom: 10%;
}

.background-primary {
    background: #0979e9;
}

.background-primary-padding-box {
    background: 0% 0% no-repeat padding-box padding-box #0979e98a;
}

.background-secundary {
    background: #00AFEF;
}

.pointer {
    cursor: pointer;
}