@import 'variables.css';
@import 'reset.css';
@import 'typography.css';
@import 'components.css';
@import 'modal.css';

/* /assets/css/main.css */

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 var(--space-md);
}

.header {
  padding: var(--space-lg) 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer {
  padding: var(--space-xl) 0;
  text-align: center;
  color: var(--zebra-slate);
  font-size: var(--text-sm);
}

.logo {
  height: 60px;
  width: auto;
}