@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
/*@import url(https://fonts.googleapis.com/css?family=Chewy);*/

.font {
  font-family: "Titan One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*html {
  cursor: url(https://lilithdev.neocities.org/heaven/Goldn_Puppyrunning.gif), auto;
}*/

body {
  margin: 32px;
  gap: 16px;
  background: url(dea0d17b.gif), url(https://lilithdev.neocities.org/heaven/4ade72e5.png);
  display:flex;
  flex-direction: column;
  align-items: center;
}

#pupmusic {
  width: 500px;
  height: 108px;
  border: 8px solid orange;
  /*border: 8px ridge aqua;
  filter: hue-rotate(80deg) saturate(200%);*/
  margin: auto 0;
}

#gallery {
  background: orange;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  min-width: 800px;
  padding: 8px;
  gap: 8px;
}

#gallery > * {
  width: calc(33.3333333333% - 8px);
}

.twitter-tweet {
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  width: inherit;
}

@media only screen and (max-width: 1000px) {
  body {
    align-items: stretch;
    margin: 64px;
  }
  #gallery {
    width: 100%;
    height: unset !important;
    min-width: 0;
  }
  #gallery > * {
    width: 100%;
  }
  #pupmusic {
    width: 100%;
  }
}