@charset "UTF-8";
/*
site.css.scss
-------------
Loaded AFTER bulma.css in your layout , e.g.:
">
">
This file only overrides Bulma's CSS custom properties (v1.x feature) —
no components are re-styled by hand. If you ever want to go further,
Bulma's own theme docs cover every variable: https://bulma.io/documentation/customize/with-css-variables/
*/
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap");
:root {
/* fonts */
--bulma-family-primary: "IBM Plex Sans", system-ui, sans-serif;
--bulma-family-monospace: "JetBrains Mono", ui-monospace, monospace;
/* recolor "warning" (amber, used for articles/tags/accents) */
--bulma-warning-h: 41deg;
--bulma-warning-s: 76%;
--bulma-warning-l: 55%;
/* recolor "info" (teal, used for the tutorial series card) */
--bulma-info-h: 171deg;
--bulma-info-s: 56%;
--bulma-info-l: 49%;
/* slightly softer page background than pure white */
--bulma-scheme-main: hsl(220, 20%, 98%); }
/* Boxes/cards read better with a hairline instead of Bulma's default shadow */
.box,
.card {
box-shadow: none;
border: 1px solid #e2e4e9; }
/* Thin dividers between tutorial episode links in the sidebar */
.episode-list li:not(:last-child) {
border-bottom: 1px solid #dcdfe5;
padding-bottom: 0.4rem; }