@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: 'MD_Nichrome_Bold';
  src: url('../assets/fonts/MDNichrome-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MD_Nichrome_Regular';
  src: url('../assets/fonts/MDNichrome-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6,
.blog-content strong,
.blog-content em {
  font-family: 'MD_Nichrome_Bold';
}

.blog-content h1,
.blog-content h2 {
  font-size: 1.5rem;
}

.blog-content img {
  border-radius: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 916px) {
  .blog-content h1,
  .blog-content h2 {
    font-size: 2.6875rem;
  }
}