/** TYPOGRAPHY **/

/** FONTS **/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
a{
    color: $color-secondary;
    &:hover{
        color: $color-primary;
    }
}
body{
    font-family: $font-primary;
}
 
h1{
    font-size: 2.5rem;
}
h2{
    font-size: 2.25rem;
}
h3{
    font-size: 2rem;
}
h4{
    font-size: 1.75rem;
}
h5{
    font-size: 1.5rem;
}
h6{
    font-size: 1.25rem;
}
.text{
    &--center{
        text-align: center;
    }
    &--right{
        text-align: right;
    }
    &--left{
        text-align: left;
    }
    &--dark{
        color:$color-secondary;
    }
    &--primary{
        color:$color-primary;
    }
    &--light{
        color:$color-white;
    }
    &--medium{
        font-weight: 600;
    }
    &--bold{
        font-weight: bold;
    }
    &--italic{
        font-style: italic;
    }
}