@import "./reset.css";
@import "./btn-shimmer.css";
@import "./background.css";
@import "./headerBar.css";
@import "./home.css";
@import "./projects.css";
@import "./skills.css";
@import "./about-me.css";
@import "./contact.css";
@import "./form.css";

:root {
  --primary: skyblue;
  --secondary: #0090de;
  --accent-100: #db3dff;
  --accent-200: #faf;
  --black: #222;
  --black-opacity: #333a;
  --white: #eee;
  --bg-100: crimson;
  --bg-200: gold;
  --bg-300: #009032;
  --dark-blue: #084cb8;
  scroll-behavior: smooth;
}
body {
  background: var(--black);
  font-family: "Karla", sans-serif;
  font-weight: 200;
}
body main {
  position: relative;
}
body main h1 {
  display: none;
}
a {
  font-weight: 200;
  color: var(--black);
  text-decoration: none;
}
button {
  border-radius: 0.5rem;
  border: none;
  padding: 0.5rem;
}