@import 'variables.css';

.app {
  text-align: center;
}

.logo {
  animation: app-logo-spin infinite 20s linear;
  height: 80px;
}

.header {
  background-color: $dark-gray;
  height: 150px;
  padding: 20px;
  color: white;

  &::after {
    content: '';
    display: block;
  }
}

.intro {
  font-size: large;
}

@keyframes app-logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}