@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("header.css");
@import url("hero.css");
@import url("projects.css");
@import url("services.css");
@import url("about.css");
@import url("newsletter.css");
@import url("footer.css");
@import url("animations.css");

@font-face {
  font-family: "Beauty";
  src:
    url("../fonts/beauty/Beauty.woff2") format("woff2"),
    url("../fonts/beauty/Beauty.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Moon Get";
  src:
    url("../fonts/moon-get/moon_get-Heavy.woff2") format("woff2"),
    url("../fonts/moon-get/moon_get-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bebas Neue";
  src:
    url("../fonts/bebas-neue/BebasNeueBook.woff2") format("woff2"),
    url("../fonts/bebas-neue/BebasNeueBook.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #fff;
  --pink: #fc27f4;
  --purple: #9600ff;
  --yellow: #ffea00;
  --dark: #000;
  --gray: #a0a0a0;
  --light-gray: #aeaeae;
  --light-shadow: #00000008;
  --dark-shadow: #00000040;
  --font-main: "Manrope", sans-serif;
  --font-accent: "Beauty", "Cursive", sans-serif;
  --font-display: "Bebas Neue", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}