/* Base layout and reset rules. */
@import url('./components/header.css');
@import url('./components/footer.css');
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/cards.css');
@import url('./components/hero.css');
@import url('./components/modal.css');

* {
  box-sizing: border-box;
}
html, body {
  min-height: 100%;
}
body {
  margin: 0;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
button {
  border: none;
  background: none;
  cursor: pointer;
}
input, textarea, select {
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  padding: 0.75rem 1rem;
  background: var(--surface);
}
.page-shell {
  width: min(1140px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 2.5rem 0;
}