@import url("./variables.css");
@import url("./header.css");
@import url("./footer.css");
@import url("./index.css");
@import url("./exhibitions.css");
@import url("./informational.css");
@import url("./contribute.css");
@import url("./showcase.css");

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  box-sizing: border-box;
  min-height: 100vh;
  margin: 0;
  width: 100%;
}
section {
  margin: 1rem 2.5rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-h);
  font-weight: var(--fw-regular);
  color: var(--f-clr-special);
  text-transform: var(--text-uc);
  padding: 0;
  margin: 0;
}
p {
  font-size: var(--fs-base);
  font-family: var(--ff-p);
  color: var(--f-clr-base);
  padding: 0;
  margin: 0;
}
button {
  border-radius: 1.8rem;
  background-color: var(--primary-bg);
  border: 0;
  font-family: var(--ff-p);
  font-size: 1rem;
  padding: 1rem;
  transition: 0.3s;
}

/*--------Media--------*/
@media (max-width: 580px) {
  section {
    margin: 1rem 0;
  }
  h1 {
    margin: 1rem;
    text-align: center;
  }
}