@import './pokedex.css';
@import './cover.css';
@import './header.css';
@import './lights.css';
@import './stats.css';
@import './screen.css';
@import './actions.css';
@import './variants.css';
@import './search.css';
@import './description.css';
@import './navigation.css';

:root { 
  --white: #fffffe; 
  --black: #300f16; 
  --green: #51AE5F;
  --blue: #8DB9DC;
  --yellow: #FECB2F;
  --primary: #dc0a2d; 
  --secondary: #163355; 
  --body1: 400 0.75rem/1.5rem Roboto; 
  --body3: 400 0.5rem/0.4556451737880707rem Roboto; 
  --body2-regular: 400 0.75rem/1.375rem 'monospace';  
}

body {
  margin: 0;
  padding: 1rem;
  box-sizing: border-box;
  color: var(--white);
  background-color: var(--secondary);
  font: var(--body1);
  min-block-size: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}