@font-face {
  font-family: "fa_xcczcfncowregular";
  src: url("fa_xcczcfncow-webfont.woff2") format("woff2"),
    url("fa_xcczcfncow-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


body {
  background-color: black;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  background-image: url(bg/old.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}


main{
   display: flex;
  flex-direction: column;
  justify-content: center;
    align-items: center;
  min-height: 100vh;
}

.nav {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%;
  flex-wrap: wrap;
  align-content: center;
  gap: 50px;
}


p,
a {
  color: black;
  font-size: 23px;
  font-family: "fa_xcczcfncowregular";
  text-decoration: none;
    transition-duration: 0.5s;

}

a:hover {
  color: white;
  transition-duration: 0.5s;
}


h1 {
  color: black;
}
h2 {
  color: black;
}

h4{
    margin: 50px;
}

h4 a {
  text-decoration: underline;
  font-weight: normal;
  font-size: 20px;
}

h4 a:hover {
  text-decoration: overline;
  transition-duration: 0.5s;
  text-shadow: white 0 0 10px;
}
.container {
  text-align: center;
}

.col {
  grid-area: 1 / 1 / 1 / 1;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
  flex-wrap: wrap;
  align-content: center;
  gap: 20px;
}

.gifs {
  grid-area: 1 / 1 / 1 / 1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
}

@font-face {
  font-family: "Quarantype";
  src: url(https://humantooth.neocities.org/fonts/Quarantype-Regular.woff)
    format("woff");
  font-weight: normal;
  font-style: normal;
}