.App
  text-align: center

  .App-header
    background-color: var(--background-color)
    min-height: 100vh
    display: flex
    flex-direction: column
    align-items: center
    justify-content: center
    font-size: calc(10px + 2vmin)
    color: var(--font-color)

    .App-logo
      height: 40vmin
      pointer-events: none


    .App-link
      color: var(--accent-color)


@media (prefers-reduced-motion: no-preference)
  .App-logo
    animation: App-logo-spin infinite 20s linear


@keyframes App-logo-spin
  from
    transform: rotate(0deg)

  to
    transform: rotate(360deg)