main {
  display: grid;
  grid-template-rows: 1fr;
  row-gap: 20px;
  width: 900px;
  height: fit-content;
  margin: auto;
}

.top-container-short {
  font-family: 'DepartureMono';
  font-size: smaller;
  display: grid;
  column-gap: 15px;
  grid-template-columns: 1fr 3fr;
  height: fit-content;
}

.projects {
  display: grid;
  grid-template-rows: 2fr;
  row-gap: 20px;
  width: 900px;
  height: fit-content;
  margin: auto;
}

.project {
  position: relative;
  border-radius: 15px;
  font-family: 'DepartureMono';
  font-size: smaller;
  background-color: rgb(230, 219, 250);
  height: fit-content;
  padding: 20px;
}

.project-title {
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
  font-family: "Faune-Italic";
  font-size: x-large;
}

hr {
    border: none;
    height: 32px;
    /* background-image: url(https://dl.glitter-graphics.com/pub/263/263171lxlble1hnk.gif); */
    background-image: url(https://dl.glitter-graphics.com/pub/2496/2496756zadxqueczl.gif);
    /* background-image: url(https://dl.glitter-graphics.com/pub/3771/3771698drjnp4yw53.gif); */
    background-size: auto 100%;
      /*
      the width of the image will be automatically determined
      while the height will be 100% of the element width (in this case its 50px)
      */
    background-repeat: no-repeat; /* the bg wont repeat */
    background-position: center; /* bg will be centered */
    image-rendering: pixelated;
}

.project-image {
  width:300px;
  border: 1px solid black;
  float: left;
  margin-right: 10px;
  /* border-image: url('https://solaria.neocities.org/guides/borderimage/blacklacelarge.png') 30 round; */
}

a {
  text-decoration: underline;
  color: #3d0b22;
}
.timestamp {
  text-align: center;
  font-size: smaller;
}