@import url('https://fonts.googleapis.com/css2?family=Alata&family=Aleo:ital,wght@0,100..900;1,100..900&family=Amiko:wght@400;600;700&family=Arimo:ital,wght@0,400..700;1,400..700&family=Bebas+Neue&family=Forum&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@100..900&family=League+Gothic&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Licorice&family=PT+Serif+Caption:ital@0;1&family=Sarala:wght@400;700&display=swap');

/* font */
.sarala-regular {
    font-family: "Sarala", sans-serif;
    font-style: normal;
}

.sarala-bold {
    font-family: "Sarala", sans-serif;
    font-style: normal;
}

.pt-serif-caption-regular {
    font-family: "PT Serif Caption", serif;
    font-style: normal;
}

.pt-serif-caption-regular-italic {
    font-family: "PT Serif Caption", serif;
    font-style: italic;
}

.licorice-regular {
    font-family: "Licorice", cursive;
    font-style: normal;
}


.libre-franklin {
    font-family: "Libre Franklin", sans-serif;
}


.league-gothic {
    font-family: "League Gothic", sans-serif;
}

.inter {
    font-family: "Inter", sans-serif;
}

.ibm-plex-sans-thin {
    font-family: "IBM Plex Sans", sans-serif;
}

.forum-regular {
    font-family: "Forum", serif;
}

.bebas-neue-regular {
    font-family: "Bebas Neue", sans-serif;
}

.arimo {
    font-family: "Arimo", sans-serif;
}
.arimo-italic {
    font-family: "Arimo", sans-serif;
    font-style: italic;
}

.amiko-regular {
    font-family: "Amiko", sans-serif;
}

.aleo {
    font-family: "Aleo", serif;
}

.alata-regular {
    font-family: "Alata", sans-serif;
}

/* end font */
/* font size */
.f-size-2vh{
    font-size: 2vh;
}
.f-size-2vw{
    font-size: 2vw;
}
.f-size-2-4vw{
    font-size: 2.4vw;
}
.f-size-2-3vw{
    font-size: 2.3vw;
}
.f-size-3vw{
    font-size: 3vw;
}
.f-size-3-2vw{
    font-size: 3.2vw;
}
.f-size-4vw{
    font-size: 4vw;
}
.f-size-5vw{
    font-size: 5vw;
}
.f-size-6vw{
    font-size: 6vw;
}
.f-size-8vw{
    font-size: 8vw;
}
.f-size-10{
    font-size: 10px;
}
.f-size-13{
    font-size: 13px;
}
.f-size-11{
    font-size: 11px;
}
.f-size-15{
    font-size: 1vw;
}
.f-size-16{
    font-size: 16px;
}
.f-size-17{
    font-size: 17px;
}
.f-size-18{
    font-size: 18px;
}
.f-size-20{
    font-size: 20px;
}
.f-size-21{
    font-size: 21px;
}
.f-size-22{
    font-size: 22px;
}
.f-size-23{
    font-size: 23px;
}
.f-size-24{
    font-size: 24px;
}
.f-size-25{
    font-size: 25px;
}
.f-size-26{
    font-size: 26px;
}
.f-size-27{
    font-size: 27px;
}
.f-size-30{
    font-size: 30px;
}
.f-size-40{
    font-size: 40px;
}
.f-size-45{
    font-size: 45px;
}
.f-size-50{
    font-size: 50px;
}
.f-size-2{
    font-size: 2.4vw;
}
/* end font size */
/* font weight */
.f-w-100{
    font-weight: 100;
}
.f-w-200{
    font-weight: 200;
}

.f-w-300{
    font-weight: 300;
}
.f-w-400{
    font-weight: 400;
}
.f-w-500{
    font-weight: 500;
}
.f-w-600{
    font-weight: 600;
}
.f-w-700{
    font-weight: 700;
}
.f-w-800{
    font-weight: 800;
}

/* end font weight */

/* font letter spacing */
.l-spacing-3{
    letter-spacing: 3px;
}
.l-spacing-2{
    letter-spacing: 2px;
}
.l-spacing-4{
    letter-spacing: 4px;
}
.l-spacing-5{
    letter-spacing: 5px;
}
/* end font letter spacing */