@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html {
    font-size: rem(16px);
}

body {
    font-family: $sans-serif;
    font-weight: 400;
    line-height: 1.6;
    font-size: rem(16px);
    color: $color-text;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: $sans-serif-heading;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 rem(20px);
    color: $color-heading;
}


h1 {
    font-size: rem(60px);
    font-weight: 800;
    line-height: 1.3;
}

h2 {
    font-size: rem(50px);
    font-weight: 800;
       line-height: 1.3;
}

h3 {
    font-size: rem(40px);
     font-weight: 800;
}

h4 {
    font-size: rem(44px);
    font-weight: 800;
}

h5 {
    font-size: rem(24px);
    font-weight: 600;
}

h6 {
    font-size: rem(20px);
}

p {
    font-size: rem(16px);
    font-family: $sans-serif;
    line-height: 1.6;
    margin-bottom: rem(30px);
    color: $color-text;

    strong {
        font-family: $sans-serif;
        font-weight: 700;
    }

    a {
        color: $color-primary;

        &:hover,
        &:focus {
            color: $color-secondary;
        }
    }
}