/*
  *  01. Fonts
 *  02. Template Backgrounds
 *  03. Variables
 *  04. Basic Styles
 *  05. Animations - Backgrounds
 *  06. Elements - Typography
 *  07. Elements - Controls
 *  08. Elements - Forms
 *  09. Sections Main
 *  10. Sections Inner
 *  11. Blocks Common
 *  12. Blocks Header
 *  13. Blocks Avatar
 *  14. Blocks Menu
 *  15. Blocks Footer
 *  16. Features About
 *  17. Features Gallery
 *  18. Features Achievements
 *  19. Features Services
 *  20. Features Resume
 *  21. Features Tools
 *  22. Features Testimonials
 *  23. Features Slider
 *  24. Features Socials

*/

@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap");
@import url("../fonts/Fontawesome/fa-solid-900.ttf");
@import url("../fonts/Phosphor/Phosphor.ttf");
@import "./components/plugins/plugins.css";
@import "./components/loader/loader.css";
@import "./components/variables/variables.css";
@import "./components/basic/basic.css";
@import "./components/animations/animations.css";
@import "./components/typography/typography.css";
@import "./components/controls/controls.css";
@import "./components/forms/forms.css";
@import "./components/main/main.css";
@import "./components/inner/inner.css";
@import "./components/header/header.css";
@import "./components/avatar/avatar.css";
@import "./components/menu/menu.css";
@import "./components/about/about.css";
@import "./components/gallery/gallery.css";
@import "./components/achievements/achievements.css";
@import "./components/services/services.css";
@import "./components/resume/resume.css";
@import "./components/tools/tools.css";
@import "./components/testimonial/testimonial.css";
@import "./components/slider/slider.css";
@import "./components/socials/socials.css";
@font-face {
  font-family: "fa-brands-400";
  src: url("../fonts/Fontawesome/fa-brands-400.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fa-brands-400";
  src: url("../fonts/Fontawesome/fa-brands-400.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fa-regular-400";
  src: url("../fonts/Fontawesome/fa-regular-400.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fa-regular-400";
  src: url("../fonts/Fontawesome/fa-regular-400.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fa-solid-900";
  src: url("../fonts/Fontawesome/fa-solid-900.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fa-solid-900";
  src: url("../fonts/Fontawesome/fa-solid-900.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fa-v4compatibility";
  src: url("../fonts/Fontawesome/fa-v4compatibility.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fa-v4compatibility";
  src: url("../fonts/Fontawesome/fa-v4compatibility.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Phosphor-Bold";
  src: url("../fonts/Phosphor/Phosphor-Bold.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Bold";
  src: url("../fonts/Phosphor/Phosphor-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Bold";
  src: url("../fonts/Phosphor/Phosphor-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Duotone";
  src: url("../fonts/Phosphor/Phosphor-Duotone.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Duotone";
  src: url("../fonts/Phosphor/Phosphor-Duotone.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Duotone";
  src: url("../fonts/Phosphor/Phosphor-Duotone.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Fill";
  src: url("../fonts/Phosphor/Phosphor-Fill.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Fill";
  src: url("../fonts/Phosphor/Phosphor-Fill.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Fill";
  src: url("../fonts/Phosphor/Phosphor-Fill.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Light";
  src: url("../fonts/Phosphor/Phosphor-Light.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Light";
  src: url("../fonts/Phosphor/Phosphor-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Light";
  src: url("../fonts/Phosphor/Phosphor-Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Thin";
  src: url("../fonts/Phosphor/Phosphor-Thin.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Thin";
  src: url("../fonts/Phosphor/Phosphor-Thin.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Thin";
  src: url("../fonts/Phosphor/Phosphor-Thin.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor";
  src: url("../fonts/Phosphor/Phosphor.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor";
  src: url("../fonts/Phosphor/Phosphor.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Phosphor";
  src: url("../fonts/Phosphor/Phosphor.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}