<template>
  <div class="about gradient-background-circles">
    <h1>This is an about page</h1>
  </div>
</template>

<style>
.about {
  padding: 20px;
  text-align: center;
}

.about h1 {
  position: relative;
  z-index: 2;
  color: #333;
}

@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>
