@import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Spline+Sans:wght@400;700&display=swap');

@import './base/variables.css';
@import './base/fonts.css';
@import './base/reset.css';
@import './base/typography.css';
@import './base/common.css';

@import './pages/home.css';
@import './pages/read.css';

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  > main {
    flex: 1 1 auto;
  }
}

[class*='__container'] {
  max-width: var(--desktop);
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 20px;
}


input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select {
    height: auto;
}

.search-form__button:hover {
    background-color: var(--accent-primary) !important;
}

body[data-theme="dark"] .search-form__button{
    color: white;
}