@import url('colors/theme.css');
@import url('layout/app-icons.css');
@import url('layout/brand-icons.css');
@import url('layout/buttons.css');
@import url('layout/base.css');
@import url('layout/header.css');
@import url('layout/footer.css');
@import url('sections/hero.css');
@import url('sections/intro.css');
@import url('sections/services.css');
@import url('sections/vans.css');
@import url('sections/reviews.css');
@import url('sections/contact.css');
@import url('sections/areas.css');
@import url('sections/multi-quote.css');
@import url('sections/cta.css');
@import url('sections/choose-us.css');
@import url('sections/faq.css');
@import url('sections/legal.css');
@import url('sections/map.css');
@import url('colors/colors.css');

@font-face {
    font-family: roboto;
    src: url('../fonts/Roboto-VariableFont_wdth,wght.ttf');
}

* {
    scrollbar-color: var(--color-2-4) var(--color-2);
    scrollbar-width: thin;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    height: 100%;
    width: 100%;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    z-index: -1;
    overflow-x: hidden;
    user-select: none;
}