@import url('components/header.css');
@import url('components/hero.css');
@import url('components/about.css');
@import url('components/projects.css');
@import url('components/contact.css');
@import url('components/footer.css');
@import url('utils.css');

:root {
    --color-background: #10151A;
    --color-title: #BBBBBB;
    --color-text: #7C7C7C;
    --color-green: #318D22
}

* {
    margin: 0;
    line-height: calc(1em + 0.5rem);
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  body {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-background);
    color: var(--color-text);
  }