@font-face {
    font-family: 'MagicialGame';
    src: url('/lib/font/Magicial-Game.woff');
}

body {
    margin: 2rem;
    background: #fff;
    color: #000;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 14px;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
nav {
    font-family: 'MagicialGame', Georgia, serif;
    font-weight: normal;
}

a {
    color: #000;
}

.blog-hero {
    display: block;
    max-width: min(100%, 480px);
    height: auto;
    margin: 1.5rem 0;
}

ul {
    padding-left: 1.25rem;
}

ul a {
    font-family: 'MagicialGame', Georgia, serif;
}

.video {
    margin: 1.5rem 0;
    max-width: 720px;
}

.video iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
}