:root{
    --black: #2D363F;
    --grey: #F4F6FF;
    --light-blue: #158aed;
    --orange: #FD6E30;
    --light-orange: #FB8553;
    --blue: #4285F4;
    --white: #FFFFFF;
    --cyan: #9BC9FF29;
    --km-blue: #672993;
    --old-purple: #672993; 
    --light-purple: #F5EAF8;
}

@font-face {
    font-family: 'Poppins';
    src: url(kitamaju/static/fonts/poppins-font/PoppinsRegular-B2Bw.otf);
}

@font-face {
    font-family: 'Inter';
    src: url(kitamaju/static/fonts/inter-bureau-font/InterBureauSemiBold-6Veq.otf);
}

.typo-poppins-semibold-32{
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 32px;
    color: var(--black);
    line-height: 1;
}

.typo-inter-medium-20{
    font-family: 'Inter';
    font-weight: 600;
    font-size: 20px;
    color: var(--light-blue);
    line-height: 1;
}

.typo-inter-semibold-16{
    font-family: 'Inter';
    font-weight: 600;
    font-size: 16px;
    color: var(--km-blue);
    line-height: 1; 
}

.typo-gilroy-bold-72{
    font-family: 'Gilroy-Bold';
    font-weight: 600;
    font-size: 71px;
    color: #3868df;
    line-height: 1; 
}

.typo-inter-black-12{
    font-family: 'Inter';
    font-weight: 900;
    font-size: 12px;
    color: var(--light-blue);
    line-height: 1;
    transform: uppercase;
}

.typo-poppins-semibold-48{
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 48px;
    color: var(--black);
    line-height: 1;  
}

.typo-poppins-bold-44{
    font-family: 'Poppins';
    font-weight: 800;
    font-size: 44px;
    color: var(--black);
    line-height: 1;  
}

.typo-inter-medium-20{
    font-family: 'Inter';
    font-weight: 500;
    font-size: 20px;
    color: var(--black);
    line-height: 1;  
}

.typo-inter-medium-12{
    font-family: 'Inter';
    font-weight: 500;
    font-size: 12px;
    color: var(--black);
    line-height: 1;  
}

.typo-poppins-semibold-72{
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 72px;
    color: var(--black);
    line-height: 1;  
}

.typo-inter-semibold-16-white{
    font-family: 'Inter';
    font-weight: 600;
    font-size: 16px;
    color: var(--white);
    line-height: 1;  
}

.typo-inter-semibold-16-light-blue{
    font-family: 'Inter';
    font-weight: 600;
    font-size: 16px;
    color: var(--light-blue);
    line-height: 1;  
}

.typo-inter-regular-12{
    font-family: 'Inter';
    font-size: 12px;
    color: var(--black);
    line-height: 1;  
}

.typo-inter-regular-14{
    font-family: 'Inter';
    font-size: 14px;
    color: var(--black);
    line-height: 1;  
}

@media screen and (max-width: 768px) {
    /* .typo-poppins-semibold-32{
        font-size: 16px;
    } */
    
    /* .typo-inter-medium-20{
        font-size: 10px;
    } */
    
    /* .typo-inter-semibold-16{
        font-size: 8px;
    } */
    
    /* .typo-gilroy-bold-72{
        font-size: 36px;
    } */
    
    /* .typo-inter-black-12{
        font-size: 8px;
        transform: uppercase;
    } */
    
    .typo-poppins-semibold-48{
        font-size: 36px;
    }
    
    /* .typo-poppins-bold-44{
        font-size: 22px;
    } */
    
    /* .typo-inter-medium-20{
        font-size: 10px;
    } */
    
    .typo-poppins-semibold-72{
        font-size: 54px;
    }
    
    /* .typo-inter-semibold-16-white{
        font-size: 8px;
    } */
    
    /* .typo-inter-semibold-16-light-blue{
        font-size: 8px;
    } */
}