body{
  background: #11111b;
  font-family: 'JetBrains Mono', monospace;
  display: grid;
  align-content: center;
}

h2{
  color : #f38ba8;
  text-align : center;
}

.container{
  display: grid;
  grid-template-columns: repeat(3,100px);
  gap:30px;
}

.container .item{
  height: 200px;
}
.gif-rain-side{
  width: 200px;
  height: 200px;
  overflow: hidden;
  margin-left: 20px;
  text-align: left;
  display: block;
}

.gif-rain-side img{
  width: 100px;
  height: 100px;
  object-fit:cover;
}

.about-site{
  width: 500px;
  height: 200px;
  overflow: hidden;
  display: block;
}

.about-site p{
  color: #f4dbd6;
}

.heart-gif{
width: 20px;
  height: 20px;
  vertical-align: middle; /* aligns nicely with text */
  margin-left: -8px;       /* adds a little spacing */

}
about-site img{
  width: 100px;
  height: 100px;
}

.neon-text{
  color: #f38ba8;
  text-shadow:
    0 0 5px #f38ba8,
    0 0 10px #f38ba8,
    0 0 20px #f38ba8,
    0 0 40px #f38ba8;
  animation: glow 1.5s infinite alternate;
}

@keyframes glow {
  from {
    text-shadow:
      0 0 5px #f38ba8,
      0 0 10px #f38ba8,
      0 0 20px #f38ba8,
      0 0 40px #f38ba8;
  }
  to {
    text-shadow:
      0 0 10px #f9e2af,
      0 0 20px #f9e2af,
      0 0 40px #f9e2af,
      0 0 80px #f9e2af;
  }
}