h1, h2, h3, h4, h5, h6 {
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 125%;
    color: var(--white);
}

h1 {    
    font-size: 4.8rem;   
    color: var(--purple)
    }
    
h2 {    
    font-size: 3.2rem;    
    }
    
h3 {   
    font-size: 2.4rem;   
    }

.btn-primary {
    display: inline-block;
    background: var(--yellow);
    padding: 1.2rem 3.4rem;
    font-family: 'Sora' sans-serif;    
    font-weight: 600;   
    letter-spacing: -0.01em;
    color: var(--dark);
}

.btn-primary:hover{
    filter: brightness(1.1);
}

.menu-item {
    font-family: 'Sora', sans-serif;
    display: inline-block;
    background: var(--light-grey);
    padding: 1.2rem 2.4rem;
    color: var(--menu-item);
    font-size: 1.5rem;
    line-height: 105%;
    letter-spacing: -0.01em;
}

.menu-item:hover {
    background: var(--yellow);
    color: var(--purple);
}