@layer base,
components,
utilities;
@import url('./components/css/_base.css');
@import url('./components/css/header.css');
@import url('./components/css/hero.css');
@import url('./components/css/hero2.css');
@import url('./components/css/card.css');
@import url('./components/css/header-overlay.css');
@import url('./components/css/footer.css');
@import url('./components/css/contactus.css');
@import url('./components/css/works.css');
                    @layer base {
                        @font-face {
                            font-family: 'title-font';
                            src: url(./assets/fonts/Outfit-VariableFont_wght.ttf) format('truetype');
                            font-display: swap;
                        }
                        @font-face {
                            font-family: 'desc-font';
                            src: url(./assets/fonts/DarkerGrotesque-VariableFont_wght.ttf) format('truetype');
                            font-display: swap;
                        }
                        @font-face {
                            font-family: 'desc2-font';
                            src: url(./assets/fonts/oswald) format('truetype');
                            font-display: swap;
                        }
                                 @font-face {
                            font-family: 'etrix';
                            src: url(./assets/fonts/EtrixoDEMO-Regular.ttf) format('truetype');
                            font-display: swap;
                        }}