@if $fontFamilyNamePrimary != null {
    @import url('https://fonts.googleapis.com/css?family=#{$fontFamilyNamePrimary}:100,100i,300,300i,400,400i,500,500i,600,600i,700,700i,900,900i&subset=latin-ext');
}

@if $fontFamilyNameSecondary != null {
    @import url('https://fonts.googleapis.com/css?family=#{$fontFamilyNameSecondary}:100,100i,300,300i,400,400i,500,500i,600,600i,700,700i,900,900i&subset=latin-ext');
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    @include font($defaultFontColor, $defaultFontSize, $defaultFontWeight, $defaultFontFamily);
    outline: 0;
}

body {
    @extend .bg-white-dark;
}

h1 {
    @extend .hs-xl;
}

h2 {
    @extend .hs-lg;
}

h3 {
    @extend .hs-md;
}

h4 {
    @extend .hs-sm;
}

h5 {
    @extend .hs-xs;
}

a {
    text-decoration: none;
    cursor: pointer;
    display: block;
}

ul {
    list-style: none;
}

img {
    display: block;
}
input {
    border-style: solid;
    &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    &[type="number"] {
        -moz-appearance: textfield;
    }
}
button {
    &::-moz-focus-inner {
        border: 0;
    }
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}



