@import 'partials/reset';
@import 'partials/base';
@import 'partials/header';
@import 'partials/animations';
@import 'partials/login-form';
@import 'partials/403';
@import 'partials/dashboard';
@import 'partials/task-list';

body {
  background: var(--color-primary);
  font-family: var(--font-family);
  color: var(--color-text-primary);
}

section {
  background: var(--color-surface);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-text-primary);
  font-family: var(--font-family);
}

a {
  color: var(--color-text-secondary);
  background: var(--color-accent);
  display: block;
  text-decoration: 1px transprent solid;
  padding: 5px 10px;
}

.animate {
  animation-name: grow-shrink;
  animation-duration: 4s;
}