main 
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: justify;
    padding: 2rem 1rem;
}

h1, h2 
{
    text-align: center;
    margin-bottom: 1rem;
}

h1::after,
h2::after 
{
  content: "|";
  animation: blink 0.8s infinite;
  color: #FF77FF;
}

@keyframes blink 
{
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}


.u-photo 
{
    width: 80%;
    max-width: 500px;
    height: auto;
    border-radius: 10px;
}

figure 
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

figcaption 
{
    font-size: 1rem;
    color: #7234b0;
    font-family: 'Lora', serif;
    margin-top: 1rem;
}

hr 
{
    margin: 2rem 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    width: 80%;
    max-width: 600px;
}

blockquote
{
    max-width: 80ch;
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-size: 1.125rem;
}

#vaporwave-gif
{
  width: 80%;
  height: 80%;
}

#vaporwave-sticker
{
  width: 35%;
  height: 35%;
}