/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

@view-transition {
  navigation: auto;
}

.blog-post article {
  background-color: white;
  padding: 2rem;
  border-width: 4px;
  border-color: black;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1);
}

.blog-post p {
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
  line-height: 1.75rem;
}

.blog-post h2,
.blog-post h3 {
  font-size: 1.875rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.blog-post pre {
  font-size: 0.875rem;
  overflow-x: auto;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-width: 2px;
  border-color: black;
  background-color: black;
  color: white;
}

.blog-post ul,
.blog-post ol {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 1.25rem;
  margin-bottom: 1.5rem;
}

.blog-post ul li {
  margin-bottom: 0.5rem;
}
@font-face {
  font-family: 'Departure Mono';
  src: url(/assets/DepartureMono-Regular-41253d259e995fcba30b2c32fffa8cbe21fdcd78713afbdea262bcaecccd0f12.woff2) format('woff2'),
       url(/assets/DepartureMono-Regular-18fbdcd0572635eb13a5bd6db5ac8f5aa8eaa006885ca9b6916c909b84031e37.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
/*
 * Tailwind-generated builds expect inter-font.css to exist so the layout can load Inter.
 * Using a fallback import keeps system specs from failing when the file is missing.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap");
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
@import 'fonts';