@layer theme, utils;

@import './typography.css';

@import './buttons.css';
@import './lists.css';
@import './notices.css';

@import './header.css';

@media (width < 600px) {
  html {
    margin-top: 0 !important;
  }

  #wpadminbar {
    display: none !important;
  }
}

/* Convert REM to PX */
html {
  font-size: 62.5%;
}

.hide-desktop {
  @media (min-width: 1024px) {
    display: none !important;
  }
}
.hide-tablet {
  @media (min-width: 768px) and (max-width: 1023px) {
    display: none !important;
  }
}