/* ==== Core / Base ==== */
@import url('base/variables.css');
@import url('base/typography.css');

/* ==== Layout ==== */
@import url('layout/header.css');
@import url('layout/container.css');

/* ==== Components ==== */
@import url('components/status-indicators.css');
@import url('components/progress-bar.css');
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/fun-fact.css');
@import url('components/infographic.css');
@import url('components/quiz.css');
@import url('components/collapsibles.css');
@import url('components/badges.css');
@import url('components/navigation.css');
@import url('components/awards.css');

/* ==== Utilities ==== */
/* Animations */
@keyframes fadeIn  {from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeOut {from{opacity:1;}to{opacity:0;}}