@import url('./assets/css/navbar.css');
@import url('./assets/css/header.css');
@import url('./assets/css/project.css');
@import url('./assets/css/skill.css');
@import url('./assets/css/about.css');
@import url('./assets/css/contact.css');
@import url('./assets/css/footer.css');

:root {
   --primary-color: #C778DD;
   --backgrounf-color: #282C33;
   --gray-color: #ABB2BF;
   --white-color: #ffffff;
   font-family: 'Fira Code', monospace;
}

html {
   scroll-padding-top: 100px;
   scroll-behavior: smooth;
}

body {
   margin: 0 auto;
   padding: 0 20px;
   max-width: 1024px;
   justify-content: center;
   background-color: var(--backgrounf-color);
   color: var(--white-color);
}