@font-face {
    font-family: "Steppe";
    src: url("/Steppe-VF.ttf");
}

@font-face {
    font-family: "Hack";
    src: url("/Hack-Regular.ttf");
    font-weight: 400;
    font-style: normal;
}
.Hack{
    font-family: "Hack", monospace;
}

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

.steppe{
    font-family: "Steppe";
}

.t1{
    font-family: "Steppe";
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 64px;
    line-height: 95%;
    letter-spacing: -3%;
}

.t2{
    font-family: "Steppe";
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 95%;
    letter-spacing: -3%;
}

.t3{
    font-family: "Steppe";
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 95%;
    letter-spacing: -3%;
}

.t4{
    font-family: "Steppe";
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 70%;
    letter-spacing: -3%;
}
.t5{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 32px;
    line-height: 95%;
    letter-spacing: -3%;
}
.t6{
    font-family: "Steppe";
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -3%;
}
.t7{
    font-family: "Steppe";
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 20px;
    line-height: 95%;
    letter-spacing: -3%;
}

.h1{
    font-family: "Inter";
    font-weight: 400;
    font-style: Regular;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}
.sub{
    font-family: "Inter";
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}
.b1{
    font-family: "Inter";
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}
.b2{
    font-family: "Inter";
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
}
.b3{
    font-family: "Inter";
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}

.h1md{
    font-family: "Inter";
    font-weight: 500;
    font-style: Regular;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}
.submd{
    font-family: "Inter";
    font-weight: 500;
    font-style: Regular;
    font-size: 25px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}
.b1md{
    font-family: "Inter";
    font-weight: 500;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}
.b2md{
    font-family: "Inter";
    font-weight: 500;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
}
.b3md{
    font-family: "Inter";
    font-weight: 500;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}

.b1b{
    font-family: "Inter";
    font-weight: 600;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}
.b2b{
    font-family: "Inter";
    font-weight: 600;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
}
.b3b{
    font-family: "Inter";
    font-weight: 600;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}

.cp{
    font-family: "Inter";
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}

.primary_button{
    padding: 8px 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--primary);
}
.white{
    color: white;
}
.black{
    color: black;
}