@import "style.css";
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap");

#notifier {
  position: fixed;
  top: -100%;
  left: 50%;
  padding: 10px;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 99;
  background-color: #9f0202;
  transition: top 200ms ease-in-out;
  text-align: center;
  width: 100vw;
}
.header__heading > div > a{
  text-decoration: none;
  color: #fff;
}
.header__heading button {
  color: #fff;
  text-transform: capitalize;
  text-decoration: none;
  background-color: transparent;
  font-size: 1.5rem;
  border: 2px solid #fff;
  padding: 1rem;
  cursor: pointer;
  transition: background-color 300ms ease-in-out;
}
.header__heading button:hover,
.header__heading button:active {
  background-color: #9f0202;
}
.add {
  display: none;
}