html , body , #__nuxt , #__layout {
  height: 100%;
}
#__layout {
  display: flex;
  flex-direction: column;
}
* {
  scroll-behavior: smooth;
}
body {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
}
.center-position {
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
}

section h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (max-width: 768px) {
  .section > h1 {
    text-align: center;
  }
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}