/* ----------------- Base ----------------- */
@import url(components/variables.css);
@import url(components/fonts.css);
@import url(components/texts.css);
@import url(components/modifiers.css);
@import url(components/containers.css);
@import url(components/buttons.css);

/* ----------------- Components ----------------- */
@import url(components/navbar.css);
@import url(components/footer.css);
@import url(components/shapes.css);
@import url(components/cards.css);
@import url(components/forms.css);

/* ----------------- Responsive ----------------- */
@import url(responsive/screens/1920.css);
@import url(responsive/screens/1472.css);
@import url(responsive/screens/1376.css);
@import url(responsive/screens/1280.css);
@import url(responsive/screens/1216.css);
@import url(responsive/screens/1120.css);
@import url(responsive/screens/1054.css);
@import url(responsive/screens/1024.css);
@import url(responsive/screens/960.css);


h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}
ul, li, p, span {
    padding: 0;
    margin: 0;
    list-style: none;
}
a {
    text-decoration: none;
}
hr {
    width: 100%;
    opacity: 0.6;
}
#light hr{
    color : var(--lazy-grey);
}
#dark hr{
    color : var(--dark-white);
}
html, body {
    padding: 0;
    margin: 0;
    font-family: 'montserrat regular';
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* font-family: 'Roboto regular'; */
    scroll-behavior: smooth;
}