@import url('./root.css');
@import url('./commentSection.css');
@import url('./webHeader.css');
@import url('./gallerySection.css');
@import url('./buttons.css');

/* ========== Utility Classes ========== */

img {
  max-width: 300px;
  display: block;
  margin: 0.5rem 0;
  animation: fadeIn 0.5s;
}

/* ========== Footer ========== */
footer{
  margin-top:2rem;
  padding-top:1rem;
  border-top:1px solid var(--line-gray);
  text-align:center;
}
footer a{
  color:var(--primary);
  text-decoration:none;
}
footer a:hover{ text-decoration:underline; }


/* ========== Animations ========== */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes drop{
  from{ transform: translateY(-6px); opacity:0 }
  to{ transform: none; opacity:1 }
}
@keyframes rise{
  from{ transform: translateY(6px); opacity:0 }
  to{ transform: none; opacity:1 }
}