@import "Styles/nav-bar.css";
@import "Styles/hero.css";
@import "Styles/links.css";
@import "Styles/contact.css";
@import "Styles/projects.css";
@import "Styles/now.css";
@import "Styles/detail-views.css";
@import "Styles/photography.css";
@import "Styles/feed.css";

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

body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #1a1f1e;
  color: #e0e0dc;
  line-height: 1.6;
  overflow-x: hidden;
}

/* Footer */
footer {
  text-align: center;
  padding: 1rem;
  background-color: #0f1412;
  color: #7e857a;
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tag Style Item 
.tag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3em 0.9em;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: #2d3b2f;
  color: #c1e1c1;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0.25rem 0;
  white-space: nowrap;
  height: 2.2em;
  min-width: 2.2em;
}
*/

a.logo {
  text-decoration: none;
}

/* Tag Style Item */
.tag {
  display: inline-block;
  /* padding: 0.3em 0.9em; */
  padding: 0.4em 0.9em 0.3em 0.9em;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: #2d3b2f;
  color: #c1e1c1;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0.25rem 0;  
  white-space: nowrap;
  align-items: center;

  text-decoration: none;
  text-decoration-thickness: -2px;
}
/* */