spells.html

---
layout: tool
title: D&D 5e Spells
exclude: true
---

<style>
    @media print {
        .class-picker {
            display: none !important;
        }

        .no-print {
            display: none !important;
        }
    }

    .no-print {
        filter: opacity(0.2);
    }

    .class-picker {
        display: flex;
        justify-content: center;
    }

    .card,
    .card-wrapper {
        display: inline-block;
    }
    .card {
        position: relative;
        width: 63mm;
        height: 89mm;
        padding: 0;
        margin: 5px;
        border-radius: 4.7619047619%;
        font-family: Helvetica Neue, Open Sans Condensed, sans-serif;
        font-weight: 400;
        font-size: 3mm;
        color: #111;
        text-align: center;
        overflow: hidden;
        background-color: #000;
    }
    .name {
        background-color: #fff;
        position: absolute;
        top: 3mm;
        left: 3mm;
        width: 57mm;
        height: 5mm;
        border-radius: 2mm 2mm 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .name .content {
        font-size: 3.5mm;
        text-transform: uppercase;
        font-weight: bold;
    }
    .spell-level {
        position: absolute;
        top: 8mm;
        width: 100%;
        height: 3mm;
    }
    .spell-level .content {
        color: #fff;
        font-size: 2mm;
        line-height: 3mm;
    }
    .casting-time,
    .range {
        background-color: #fff;
        display: inline-block;
        position: absolute;
        top: 11mm;
        width: 28.25mm;
        height: 8mm;
    }
    .casting-time {
        left: 3mm;
    }
    .range {
        left: 31.75mm;
    }
    .components,
    .duration {
        background-color: #fff;
        display: inline-block;
        position: absolute;
        top: 19.5mm;
        width: 28.25mm;
        height: 8mm;
    }
    .components {
        left: 3mm;
    }
    .duration {
        left: 31.75mm;
    }
    .concentration {
        width: 0;
        height: 0;
        border: 3mm solid transparent;
        position: relative;
        top: -9mm;
        left: 22mm;
        font-weight: bold;
        color: #fff;
        border-bottom-color: #000;
    }
    .concentration:after {
        content: "";
        position: absolute;
        left: -3mm;
        top: 3mm;
        width: 0;
        height: 0;
        border: 3mm solid transparent;
        border-top-color: #000;
    }
    .concentration div {
        position: absolute;
        top: 1.1mm;
        left: -1.1mm;
        z-index: 100;
    }
    .header {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 3mm;
        color: #000;
    }
    .description {
        background-color: #fff;
        display: inline-block;
        position: absolute;
        top: 30.5mm;
        left: 3mm;
        width: 53mm;
        height: 34mm;
        padding: 2mm;
        text-align: justify;
        font-size: 2mm;
    }
    .description p {
        margin: 0;
        padding-left: 0;
        border: 0;
        padding-bottom: 1mm;
    }
    .description ul {
        margin: 0;
        padding-left: 3mm;
        border: 0;
        padding-bottom: 1mm;
    }
    .short-description {
        height: 34mm;
    }
    .long-description {
        height: 47.5mm;
        border-radius: 0 0 2mm 2mm;
    }
    .higher-levels {
        display: inline-block;
        position: absolute;
        top: 68.5mm;
        left: 0mm;
        height: 3mm;
        width: 100%;
    }
    .higher-levels .content {
        color: #fff;
        font-size: 2mm;
        line-height: 3mm;
    }
    .empower-spell {
        background-color: #fff;
        display: inline-block;
        position: absolute;
        top: 71.5mm;
        left: 3mm;
        width: 53mm;
        height: 6mm;
        padding: 2mm;
        border-radius: 0 0 2mm 2mm;
        text-align: justify;
        font-size: 2mm;
    }

    .class-artificer {
        background-color: #d59139;
    }
    .class-artificer .header {
        color: #d59139;
    }
    .class-artificer .concentration {
        border-bottom-color: #d59139;
    }
    .class-artificer .concentration:after {
        border-top-color: #d59139;
    }

    .class-barbarian {
        background-color: #e5623e;
    }
    .class-barbarian .header {
        color: #e5623e;
    }
    .class-barbarian .concentration {
        border-bottom-color: #e5623e;
    }
    .class-barbarian .concentration:after {
        border-top-color: #e5623e;
    }

    .class-bard {
        background-color: #aa6dab;
    }
    .class-bard .header {
        color: #aa6dab;
    }
    .class-bard .concentration {
        border-bottom-color: #aa6dab;
    }
    .class-bard .concentration:after {
        border-top-color: #aa6dab;
    }

    .class-cleric {
        background-color: #92a2b3;
    }
    .class-cleric .header {
        color: #92a2b3;
    }
    .class-cleric .concentration {
        border-bottom-color: #92a2b3;
    }
    .class-cleric .concentration:after {
        border-top-color: #92a2b3;
    }

    .class-druid {
        background-color: #79853c;
    }
    .class-druid .header {
        color: #79853c;
    }
    .class-druid .concentration {
        border-bottom-color: #79853c;
    }
    .class-druid .concentration:after {
        border-top-color: #79853c;
    }

    .class-fighter {
        background-color: #7e4f3d;
    }
    .class-fighter .header {
        color: #7e4f3d;
    }
    .class-fighter .concentration {
        border-bottom-color: #7e4f3d;
    }
    .class-fighter .concentration:after {
        border-top-color: #7e4f3d;
    }

    .class-fighter {
        background-color: #7e4f3d;
    }
    .class-fighter .header {
        color: #7e4f3d;
    }
    .class-fighter .concentration {
        border-bottom-color: #7e4f3d;
    }
    .class-fighter .concentration:after {
        border-top-color: #7e4f3d;
    }

    .class-monk {
        background-color: #53a5c5;
    }
    .class-monk .header {
        color: #53a5c5;
    }
    .class-monk .concentration {
        border-bottom-color: #53a5c5;
    }
    .class-monk .concentration:after {
        border-top-color: #53a5c5;
    }

    .class-paladin {
        background-color: #b59e54;
    }
    .class-paladin .header {
        color: #b59e54;
    }
    .class-paladin .concentration {
        border-bottom-color: #b59e54;
    }
    .class-paladin .concentration:after {
        border-top-color: #b59e54;
    }

    .class-ranger {
        background-color: #4f7e61;
    }
    .class-ranger .header {
        color: #4f7e61;
    }
    .class-ranger .concentration {
        border-bottom-color: #4f7e61;
    }
    .class-ranger .concentration:after {
        border-top-color: #4f7e61;
    }

    .class-rogue {
        background-color: #555752;
    }
    .class-rogue .header {
        color: #555752;
    }
    .class-rogue .concentration {
        border-bottom-color: #555752;
    }
    .class-rogue .concentration:after {
        border-top-color: #555752;
    }

    .class-sorcerer {
        background-color: #972e2e;
    }
    .class-sorcerer .header {
        color: #972e2e;
    }
    .class-sorcerer .concentration {
        border-bottom-color: #972e2e;
    }
    .class-sorcerer .concentration:after {
        border-top-color: #972e2e;
    }

    .class-warlock {
        background-color: #8137af;
    }
    .class-warlock .header {
        color: #8137af;
    }
    .class-warlock .concentration {
        border-bottom-color: #8137af;
    }
    .class-warlock .concentration:after {
        border-top-color: #8137af;
    }

    .class-wizard {
        background-color: #0045b7;
    }
    .class-wizard .header {
        color: #0045b7;
    }
    .class-wizard .concentration {
        border-bottom-color: #0045b7;
    }
    .class-wizard .concentration:after {
        border-top-color: #0045b7;
    }

    .gf9-arcane {
        background-color: #cd503f;
    }
    .gf9-arcane .header {
        color: #cd503f;
    }
    .gf9-arcane .concentration {
        border-bottom-color: #cd503f;
    }
    .gf9-arcane .concentration:after {
        border-top-color: #cd503f;
    }

    .gf9-bard {
        background-color: #923674;
    }
    .gf9-bard .header {
        color: #923674;
    }
    .gf9-bard .concentration {
        border-bottom-color: #923674;
    }
    .gf9-bard .concentration:after {
        border-top-color: #923674;
    }

    .gf9-cleric {
        background-color: #e2af18;
    }
    .gf9-cleric .header {
        color: #e2af18;
    }
    .gf9-cleric .concentration {
        border-bottom-color: #e2af18;
    }
    .gf9-cleric .concentration:after {
        border-top-color: #e2af18;
    }

    .gf9-druid {
        background-color: #77aa58;
    }
    .gf9-druid .header {
        color: #77aa58;
    }
    .gf9-druid .concentration {
        border-bottom-color: #77aa58;
    }
    .gf9-druid .concentration:after {
        border-top-color: #77aa58;
    }

    .gf9-paladin {
        background-color: #41b3d1;
    }
    .gf9-paladin .header {
        color: #41b3d1;
    }
    .gf9-paladin .concentration {
        border-bottom-color: #41b3d1;
    }
    .gf9-paladin .concentration:after {
        border-top-color: #41b3d1;
    }

    .gf9-ranger {
        background-color: #745e2a;
    }
    .gf9-ranger .header {
        color: #745e2a;
    }
    .gf9-ranger .concentration {
        border-bottom-color: #745e2a;
    }
    .gf9-ranger .concentration:after {
        border-top-color: #745e2a;
    }

    .char-rulke {
        background-color: #bc001d;
    }
    .char-rulke .header {
        color: #bc001d;
    }
    .char-rulke .concentration {
        border-bottom-color: #bc001d;
    }
    .char-rulke .concentration:after {
        border-top-color: #bc001d;
    }
</style>

<div class="class-picker">
    <select id="class-picker">
        <option value="">Default</option>
        <optgroup label="Class">
            <option value="class-artificer">Artificer</option>
            <option value="class-barbarian">Barbarian</option>
            <option value="class-bard">Bard</option>
            <option value="class-cleric">Cleric</option>
            <option value="class-druid">Druid</option>
            <option value="class-fighter">Fighter</option>
            <option value="class-monk">Monk</option>
            <option value="class-paladin">Paladin</option>
            <option value="class-ranger">Ranger</option>
            <option value="class-rogue">Rogue</option>
            <option value="class-sorcerer">Sorcerer</option>
            <option value="class-warlock">Warlock</option>
            <option value="class-wizard">Wizard</option>
        </optgroup>
        <optgroup label="Gale Force Nine">
            <option value="gf9-arcane">Arcane</option>
            <option value="gf9-bard">Bard</option>
            <option value="gf9-cleric">Cleric</option>
            <option value="gf9-druid">Druid</option>
            <option value="gf9-paladin">Paladin</option>
            <option value="gf9-ranger">Ranger</option>
        </optgroup>
        <optgroup label="Character">
            <option value="char-rulke">Rulke</option>
        </optgroup>
    </select>

    <button id="select-all">Select All</button>
    <button id="deselect-all">Deselect All</button>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Aid</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Abjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">8 hours</div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a tiny strip of white cloth.</i>
            </p>
            <p>
                Your spell bolsters your allies with toughness and resolve.
                Choose up to three creatures within range. Each target's hit
                point maximum and current hit points increase by 5 for the
                duration.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 3rd level or higher,
            a target's hit points increase by an additional 5 for each slot
            level above 2nd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Armor of Agathys</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Abjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a cup of water.</i>
            </p>
            <p>
                A protective magical force surrounds you, manifesting as a
                spectral frost that covers you and your gear. You gain 5
                temporary hit points for the duration. If a creature hits you
                with a melee attack while you have these hit points, the
                creature takes 5 cold damage.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            both the temporary hit points and the cold damage increase by 5 for
            each slot.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Aura of Vitality</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self (30-ft sphere)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                Healing energy radiates from you in an aura with a 30-foot
                radius. Until the spell ends, the aura moves with you, centered
                on you. You can use a bonus action to cause one creature in the
                aura (including you) to regain 2d6 hit points.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Bane</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a drop of blood.</i>
            </p>
            <p>
                Up to three creatures of your choice that you can see within
                range must make Charisma saving throws. Whenever a target that
                fails this saving throw makes an attack roll or a saving throw
                before the spell ends, the target must roll a d4 and subtract
                the number rolled from the attack roll or saving throw.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            you can target one additional creature for each slot level above
            1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Banishment</div>
        </div>
        <div class="spell-level">
            <div class="content">4th-level Abjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: an item distasteful to the target.</i>
            </p>
            <p>
                The target must succeed on a Charisma saving throw or be
                banished to another plane of existence.
            </p>
            <p>
                If the target is native to the plane of existence you're on,
                they're banished to a harmless demiplane. While there, the
                target is incapacitated. The target remains there until the
                spell ends, at which point the target reappears in the space it
                left.
            </p>
            <p>
                If the target is native to a different plane of existence than
                the one you're on, they're banished to its home plane. If the
                spell ends before 1 minute has passed, the target reappears in
                the space it left. Otherwise, the target doesn't return.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 5th level or higher,
            you can target one additional creature for each slot level above
            4th.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Bigby's Clenched Fist</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                You create a Large hand of translucent mist. It has AC 20 and HP
                equal to your maximum HP. If it drops to 0 HP, the spell ends.
                It has a STR of 26 (+8) and a DEX of 10 (+0).
            </p>
            <p>
                When you cast the spell and as a bonus action on your turns, you
                can move the hand up to 60 feet and then cause one effect with
                it.
            </p>
            <p>
                <strong>Clenched Fist.</strong> The hand strikes one creature or
                object within 5 feet of it. Make a melee spell attack for the
                hand using your game statistics. On a hit, the target takes 4d8
                force damage.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 6th level or higher,
            the damage from the clenched fist option increases by 2d8 for each
            slot level above 5th.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Bigby's Forceful Hand</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                You create a Large hand of translucent mist. It has AC 20 and HP
                equal to your maximum HP. If it drops to 0 HP, the spell ends.
                It has a STR of 26 (+8) and a DEX of 10 (+0).
            </p>
            <p>
                When you cast the spell and as a bonus action on your turns, you
                can move the hand up to 60 feet and then cause one effect with
                it.
            </p>
            <p>
                <strong>Forceful Hand.</strong> The hand attempts to push a
                creature within 5 feet of it in a direction you choose. Make a
                check with the hand's Strength contested by the Strength
                (Athletics) check of the target. If the target is Medium or
                smaller, you have advantage on the check. If you succeed, the
                hand pushes the target up to 5 feet plus a number of feet equal
                to five times your spellcasting ability modifier. The hand moves
                with the target to remain within 5 feet of it.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Bigby's Grasping Hand</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                You create a Large hand of translucent mist. It has AC 20 and HP
                equal to your maximum HP. If it drops to 0 HP, the spell ends.
                It has a STR of 26 (+8) and a DEX of 10 (+0).
            </p>
            <p>
                When you cast the spell and as a bonus action on your turns, you
                can move the hand up to 60 feet and then cause one effect with
                it.
            </p>
            <p>
                <strong>Grasping Hand.</strong> The hand attempts to grapple a
                Huge or smaller creature within 5 feet. If the target is Medium
                or smaller, you have advantage on the check. While the hand is
                grappling the target, you can use a bonus action to have the
                hand crush it and the target takes bludgeoning damage equal to
                2d6 + your spellcasting ability modifier.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 6th level or higher,
            the damage from the grasping hand increases by 2d6 for each slot
            level above 5th.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Bigby's Interposing Hand</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                You create a Large hand of translucent mist. It has AC 20 and HP
                equal to your maximum HP. If it drops to 0 HP, the spell ends.
                It has a STR of 26 (+8) and a DEX of 10 (+0).
            </p>
            <p>
                When you cast the spell and as a bonus action on your turns, you
                can move the hand up to 60 feet and then cause one effect with
                it.
            </p>
            <p>
                <strong>Interposing Hand.</strong> The hand interposes itself
                between you and a creature you choose until you give the hand a
                different command. The hand moves to stay between you and the
                target, providing you with half cover against the target. The
                target can't move through the hand's space if its Strength score
                is less than or equal to the hand's Strength score. If its
                Strength score is higher than the hand's Strength score, the
                target can move toward you through the hand's space, but that
                space is difficult terrain for the target.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Blink</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Transmutation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
        </div>
        <div class="description long-description">
            <p>
                Roll a d20 at the end of each of your turns for the duration of
                the spell. On a roll of 11 or higher, you vanish from your
                current plane of existence and appear in the Ethereal Plane (the
                spell fails and the casting is wasted if you were already on
                that plane). At the start of your next turn, and when the spell
                ends if you are on the Ethereal Plane, you return to an
                unoccupied space of your choice that you can see within 10 feet
                of the space you vanished from. If no unoccupied space is
                available within that range, you appear in the nearest
                unoccupied space (chosen at random if more than one space is
                equally near). You can dismiss this spell as an action.
            </p>
            <p>
                While on the Ethereal Plane, you can see and hear the plane you
                originated from, which is cast in shades of gray, and you can't
                see anything there more than 60 feet away. You can only affect
                and be affected by other creatures on the Ethereal Plane.
                Creatures that aren't there can't perceive you or interact with
                you, unless they have the ability to do so.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Bless</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a sprinkling of holy water</i>
            </p>
            <p>
                You bless up to three creatures of your choice within range.
                Whenever a target makes an attack roll or a saving throw before
                the spell ends, the target can roll a d4 and add the number
                rolled to the attack roll or saving throw.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            you can target one additional creature for each slot level above
            1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Borrowed Knowledge</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Divination</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a book worth at least 25 gp.</i>
            </p>
            <p>
                You draw on knowledge from spirits of the past. Choose one skill
                in which you lack proficiency. For the spell's duration, you
                have proficiency in the chosen skill. The spell ends early if
                you cast it again.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Ceremony</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Abjuration (ritual)</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 hour</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                <i>
                    Material: 25 gp worth of powdered silver, which the spell
                    consumes.
                </i>
            </p>
            <p>
                You perform a special religious ceremony, the target must be
                within 10 feet of you.
            </p>
            <ul>
                <li>
                    <b>Atonement:</b> Make a DC 20 Wisdom (Insight) check. On
                    success, you restore the target to its original alignment.
                </li>
                <li>
                    <b>Bless Water:</b> Convert one vial of water in to holy
                    water.
                </li>
                <li>
                    <b>Coming of Age:</b> Once, for the next 24 hours, whenever
                    the target makes an ability check, add a d4 to the total.
                </li>
                <li>
                    <b>Dedication:</b> Once, for the next 24 hours, whenever the
                    target makes a saving throw, add a d4 to the total.
                </li>
                <li>
                    <b>Funeral Rite:</b> For the next 7 days, the corpse can't
                    become undead by any means short of a wish spell.
                </li>
                <li>
                    <b>Wedding:</b> For the next 7 days, each target gains a +2
                    bonus to AC while they are within 30 feet of each other. A
                    creature can benefit from this rite again only if widowed.
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Charm Person</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
        </div>
        <div class="description short-description">
            <p>
                You attempt to charm a humanoid you can see within range. It
                must make a Wisdom saving throw, and does so with advantage if
                you or your companions are fighting it. If it fails the saving
                throw, it is charmed by you until the spell ends or until you or
                your companions do anything harmful to it. The charmed creature
                regards you as a friendly acquaintance. When the spell ends, the
                creature knows it was charmed by you.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            you can target one additional humanoid within 30 feet for each slot
            level above 1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Chromatic Orb</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">90 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                <i> Material: a diamond worth at least 50 gp. </i>
            </p>
            <p>
                You hurl a 4-inch-diameter sphere of energy at a creature that
                you can see within range. You choose acid, cold, fire,
                lightning, poison, or thunder for the type of orb you create,
                and then make a ranged spell attack against the target. If the
                attack hits, the creature takes 3d8 damage of the type you
                chose.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            the damage increases by 1d8 for each slot level above 1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Circle of Death</div>
        </div>
        <div class="spell-level">
            <div class="content">6th-level Necromancy</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">150 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                <i>
                    Material: the powder of a crushed black pearl worth at least
                    500 gp.
                </i>
            </p>
            <p>
                A sphere of negative energy ripples out in a 60-foot-radius
                sphere from a point within range. Each creature in that area
                must make a Constitution saving throw. A target takes 8d6
                necrotic damage on a failed save, or half as much damage on a
                successful one.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 7th level or higher,
            the damage increases by 2d6 for each slot level above 6th.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Command</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 round</div>
        </div>
        <div class="description short-description">
            <p>
                You speak a one-word command to a creature you can see within
                range. The target must succeed on a Wisdom saving throw or
                follow the command on its next turn. The spell has no effect if
                the target is undead, doesn't understand the language, or the
                command is directly harmful to it.
            </p>
            <ul>
                <li>
                    <b>Approach:</b> The target moves direclty toward you,
                    ending its turn if it moves within 5 feet of you.
                </li>
                <li>
                    <b>Drop:</b> The target drops whatever it is holding and
                    ends its turn.
                </li>
                <li>
                    <b>Flee:</b> The target spends its turn moving away from you
                    by the fastest available means.
                </li>
                <li>
                    <b>Grovel:</b> The target falls prone and ends its turn.
                </li>
                <li>
                    <b>Halt:</b> The target doesn't move and takes no actions.
                    Flying creatures stays aloft, provided it's able to do so.
                </li>
            </ul>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            you can affect one additional creature within 30 feet for each slot
            level above 1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Compelled Duel</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                You attempt to compel a creature into a duel. One creature that
                you can see within range must make a Wisdom saving throw. On a
                failed save, the creature is drawn to you, compelled by your
                divine demand. For the duration, it has disadvantage on attack
                rolls against creatures other than you, and must make a Wisdom
                saving throw each time it attempts to move to a space that is
                more than 30 feet away from you; if it succeeds on this saving
                throw, this spell doesn't restrict the target's movement for
                that turn.
            </p>
            <p>
                The spell ends if you attack any other creature, if you cast a
                spell that targets a hostile creature other than the target, if
                a creature friendly to you damages the target or casts a harmful
                spell on it, or if you end your turn more than 30 feet away from
                the target.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Comprehend Languages</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Divination</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a pinch of soot and salt.</i>
            </p>
            <p>
                For the duration, you understand the literal meaning of any
                spoken language that you hear. You also understand any written
                language that you see, but you must be touching the surface on
                which the words are written. It takes about 1 minute to read one
                page of text.
            </p>
            <p>
                This spell doesn't decode secret messages in a text or a glyph,
                such as an arcane sigil, that isn't part of a written language.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Cone of Cold</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a small crystal or glass cone.</i>
            </p>
            <p>
                A blast of cold air erupts from your hands. Each creature in a
                60-foot cone must make a Constitution saving throw. A creature
                takes 8d8 cold damage on a failed save, or half as much damage
                on a successful one.
            </p>
            <p>
                A creature killed by this spell becomes a frozen statue until it
                thaws.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 6th level or higher,
            the damage increases by 1d8 for each slot level above 5th.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Counterspell</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Abjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 reaction</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                You attempt to interrupt a creature you can see in the process
                of casting a spell within 60 feet. If the creature is casting a
                spell of 3rd level or lower, its spell fails and has no effect.
                If it is casting a spell of 4th level or higher, make an ability
                check using your spellcasting ability. The DC equals 10 + the
                spell's level. On a success, the creature's spell fails and has
                no effect.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 4th level or higher,
            the interrupted spell has no effect if its level is less than or
            equal to the level of the spell slot you used.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Create Food And Water</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Conjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                You create 45 pounds of food and 30 gallons of water on the
                ground or in containers within range, enough to sustain up to
                fifteen humanoids or five steeds for 24 hours. The food is bland
                but nourishing, and spoils if uneaten after 24 hours. The water
                is clean and doesn't go bad.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Cure Wounds</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                A creature you touch regains a number of hit points equal to 1d8
                + your spellcasting ability modifier. This spell has no effect
                on undead or constructs.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            the healing increases by 1d8 for each slot level above 1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Detect Evil and Good</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Divination (ritual)</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self (30-ft sphere)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minutes</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                For the duration, you know if there is an aberration, celestial,
                elemental, fey, fiend, or undead within 30 feet of you, as well
                as where the creature is located. Similarly, you know if there
                is a place or object within 30 feet of you that has been
                magically consecrated or desecrated.
            </p>
            <p>
                The spell can penetrate most barriers, but it is blocked by 1
                foot of stone, 1 inch of common metal, a thin sheet of lead, or
                3 feet of wood or dirt.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Detect Magic</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Divination (ritual)</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self (30-ft sphere)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minutes</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                For the duration, you sense the presence of magic within 30 feet
                of you. If you sense magic in this way, you can use your action
                to see a faint aura around any visible creature or object in the
                area that bears magic, and you learn its school of magic, if
                any.
            </p>
            <p>
                The spell can penetrate most barriers, but it is blocked by 1
                foot of stone, 1 inch of common metal, a thin sheet of lead, or
                3 feet of wood or dirt.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Detect Poison and Disease</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Divination (ritual)</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self (30-ft sphere)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minutes</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a yew leaf.</i>
            </p>
            <p>
                For the duration, you can sense the presence and location of
                poisons, poisonous creatures, and diseases within 30 feet of
                you. You also identify the kind of poison, poisonous creature,
                or disease in each case.
            </p>
            <p>
                The spell can penetrate most barriers, but it is blocked by 1
                foot of stone, 1 inch of common metal, a thin sheet of lead, or
                3 feet of wood or dirt.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Disguise Self</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Illusion</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
        </div>
        <div class="description long-description">
            <p>
                You make yourself--including your clothing, armor, weapons, and
                other belongings on your person--look different until the spell
                ends or until you use your action to dismiss it. You can seem 1
                foot shorter or taller and can appear thin, fat, or in between.
                You can't change your body type, so you must adopt a form that
                has the same basic arrangement of limbs. Otherwise, the extent
                of the illusion is up to you.
            </p>
            <p>
                The changes wrought by this spell fail to hold up to physical
                inspection. For example, if you use this spell to add a hat to
                your outfit, objects pass through the hat, and anyone who
                touches it would feel nothing or would feel your head and hair.
                If you use this spell to appear thinner than you are, the hand
                of someone who reaches out to touch you would bump into you
                while it was seemingly still in midair.
            </p>
            <p>
                To discern that you are disguised, a creature can use its action
                to inspect your appearance and must succeed on an Intelligence
                (Investigation) check against your spell save DC.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Dimension Door</div>
        </div>
        <div class="spell-level">
            <div class="content">4th-level Conjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">500 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                You teleport yourself from your current location to any other
                spot within range. You arrive at exactly the spot desired. It
                can be a place you can see, one you can visualize, or one you
                can describe by stating distance and direction, such as "200
                feet straight downward" or "upward to the northwest at a 45-
                degree angle, 300 feet."
            </p>
            <p>
                You can bring along objects as long as their weight doesn't
                exceed what you can carry. You can also bring one willing
                creature of your size or smaller who is carrying gear up to its
                carrying capacity. The creature must be within 5 feet of you
                when you cast this spell.
            </p>
            <p>
                If you would arrive in a place already occupied by an object or
                a creature, you and any creature traveling with you each take
                4d6 force damage, and the spell fails to teleport you.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Dispel Magic</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Abjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                Choose one creature, object, or magical effect within range. Any
                spell of 3rd level or lower on the target ends. For each spell
                of 4th level or higher on the target, make an ability check
                using your spellcasting ability. The DC equals 10 + the spell's
                level. On a successful check, the spell ends.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When using a spell slot of 4th level or higher, you automatically
            end the effects of a spell if the spell's level is equal to or less
            than the level of the spell slot you used.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Divine Favor</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                Your prayer empowers you with divine radiance. Until the spell
                ends, your weapon attacks deal an extra 1d4 radiant damage on a
                hit.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Dominate Monster</div>
        </div>
        <div class="spell-level">
            <div class="content">8th-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                Target must succeed on a Wisdom saving throw or be charmed. If
                you or targets that are friendly to you are fighting it, it has
                advantage on the saving throw.
            </p>
            <p>
                While charmed, you have a telepathic link while on the same
                plane of existence. You can use this to issue commands (no
                action required), which it does its best to obey. If the target
                completes the order, it defends and preserves itself to the best
                of its ability.
            </p>
            <p>
                Spend an action to take complete control of the target. Until
                the end of your next turn, the target takes only the actions you
                choose. During this time, you can cause the target to use
                reactions, but this uses your own reaction.
            </p>
            <p>
                Each time the target takes damage, it makes a Wisdom saving
                throw. If successful, the spell ends.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell with a 9th-level spell slot, the duration
            is concentration, up to 8 hours.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Dominate Person</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                The humanoid target must succeed on a Wisdom saving throw or be
                charmed by. If you or your allies fighting it, it has advantage
                on the saving throw.
            </p>
            <p>
                While charmed, you have a telepathic link with it as long as you
                are on the same plane. You can use this telepathic link to issue
                commands (no action required). After finishing an order, the
                target defends itself.
            </p>
            <p>
                You can use your action to take total control of the target.
                Until the end of your next turn, the creature takes only the
                actions you choose. You can use your reaction to cause the
                creature to use a reaction.
            </p>
            <p>
                Any time the target takes damage, it makes a new Wisdom saving
                hrow. On success, the spell ends.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            For a 6th level slot, the duration increases to 10 minutes. For a
            7th level slot, the duration increases to 1 hour. For an 8th or
            higher slot, the duration increases to 8 hours.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Eldritch Blast</div>
        </div>
        <div class="spell-level">
            <div class="content">Evocation cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                A beam of crackling energy streaks toward a creature within
                range. Make a ranged spell attack against the target. On a hit,
                the target takes 1d10 force damage.
            </p>
            <p>
                The spell creates more than one beam when you reach higher
                levels: two beams at 5th level, three beams at 11th level, and
                four beams at 17th level. You can direct the beams at the same
                target or at different ones. Make a separate attack roll for
                each beam.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Enlarge/Reduce</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Transmutation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a pinch of powdered iron.</i>
            </p>
            <p>
                A creature or an object you can see within range to grow or
                shrink for the duration. Unwilling targets can make a
                Constitution saving throw. On a success, the spell has no
                effect.
            </p>
            <p>
                <b>Enlarge.</b> The target's size doubles in all dimensions (if
                there is enough room), and its weight is multiplied by eight.
                This growth increases its size by one category. The target has
                advantage on Strength checks and Strength saving throws. The
                target's weapons are enlarged and deal 1d4 extra damage.
            </p>
            <p>
                <b>Reduce.</b> The target's size is halved in all dimensions,
                and its weight is reduced to one-eighth of normal. This
                reduction decreases its size by one category. The target has
                disadvantage on Strength checks and Strength saving throws. The
                target's weapons are reduced and deal 1d4 less damage (this
                can't reduce the damage below 1).
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Faerie Fire</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet (20-ft cube)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                Each object in a 20-foot cube within range is outlined in blue,
                green, or violet light (your choice). Any creature in the area
                when the spell is cast is also outlined in light if it fails a
                Dexterity saving throw. For the duration, objects and affected
                creatures shed dim light in a 10-foot radius.
            </p>
            <p>
                Any attack roll against an affected creature or object has
                advantage if the attacker can see it, and the affected creature
                or object can't benefit from being invisible.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Find Familiar</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Conjuration (ritual)</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 hour</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">90 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                <i>
                    Material: 10 gp worth of charcoal, incense, and herbs that
                    must be consumed by fire in a brass brazier.
                </i>
            </p>
            <p>
                The familiar rolls its own initiative and acts on its own turn.
                A familiar can't attack, but it can take other actions as
                normal.
            </p>
            <p>
                As an action, you can temporarily or permanently dismiss the
                familiar. As an action, while temporarily dismissed, you can
                resummon it in any unoccupied space within 30 ft. of you.
            </p>
            <p>
                When the familiar is within 100 ft., you can communicate with it
                telepathically. As an action, you can see through your
                familiar's eyes and hear what it hears until the start of your
                next turn, gaining the benefits of any special senses that the
                familiar has. During this time, you are deaf and blind with
                regard to your own senses.
            </p>
            <p>
                When you cast a spell with a range of touch, your familiar can
                deliver the spell as if it had cast the spell. Your familiar
                must be within 100 feet of you, use its reaction to deliver the
                spell when you cast it.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Find Steed</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Conjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">10 minutes</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                Appearing in an unoccupied space within range, the steed takes
                on a form that you choose. The steed has the statistics of the
                chosen form, though it is a celestial, fey, or fiend.
                Additionally, if your steed has an Intelligence of 5 or less,
                its Intelligence becomes 6, and it gains the ability to
                understand one language of your choice that you speak.
            </p>
            <p>
                Your steed serves you as a mount, both in combat and out, can
                fight as a seamless unit. While mounted on your steed, you can
                make any spell you cast that targets only you also target your
                steed.
            </p>
            <p>
                When the steed drops to 0 hit points, it disappears, leaving
                behind no physical form. You can also dismiss your steed at any
                time as an action, causing it to disappear. In either case,
                casting this spell again summons the same steed, restored to its
                hit point maximum.
            </p>
            <p>
                While your steed is within 1 mile of you, you can communicate
                with each other telepathically. You can't have more than one
                steed bonded by this spell at a time.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Fire Bolt</div>
        </div>
        <div class="spell-level">
            <div class="content">Evocation cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                You hurl a mote of fire at a creature or object within range.
                Make a ranged spell attack against the target. On a hit, the
                target takes 1d10 fire damage. A flammable object hit by this
                spell ignites if it isn't being worn or carried.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            This spell's damage increases by 1d10 when you reach 5th level
            (2d10), 11th level (3d10), and 17th level (4d10).
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Fireball</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">150 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a tiny ball of bat guano and sulfur.</i>
            </p>
            <p>
                A bright streak flashes from your pointing finger to a point you
                choose within range and then blossoms with a low roar into an
                explosion of flame. Each creature in a 20-foot-radius sphere
                centered on that point must make a Dexterity saving throw. A
                target takes 8d6 fire damage on a failed save, or half as much
                damage on a successful one.
            </p>
            <p>
                The fire spreads around corners. It ignites flammable objects in
                the area that aren't being worn or carried.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 4th level or higher,
            the damage increases by 1d6 for each slot level above 3rd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Flesh to Stone</div>
        </div>
        <div class="spell-level">
            <div class="content">6th-level Transmutation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a pinch of lime, water, and earth.</i>
            </p>
            <p>
                You attempt to turn one creature that you can see within range
                into stone. If the target's body is made of flesh, the creature
                must make a Constitution saving throw. On a failed save, it is
                restrained as its flesh begins to harden. On a successful save,
                the creature isn't affected.
            </p>
            <p>
                A creature restrained by this spell must make another
                Constitution saving throw at the end of each of its turns. If it
                successfully saves against this spell three times, the spell
                ends. If it fails its saves three times, it is turned to stone
                and subjected to the petrified condition for the duration. The
                successes and failures don't need to be consecutive; keep track
                of both until the target collects three of a kind.
            </p>
            <p>
                If the creature is physically broken while petrified, it suffers
                from similar deformities if it reverts to its original state.
            </p>
            <p>
                If you maintain your concentration on this spell for the entire
                possible duration, the creature is turned to stone until the
                effect is removed.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Fly</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Transmutation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minutes</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a wing feather from any bird.</i>
            </p>
            <p>
                You touch a willing creature. The target gains a flying speed of
                60 feet for the duration. When the spell ends, the target falls
                if it is still aloft, unless it can stop the fall.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 4th level or higher,
            you can target one additional creature for each slot level above
            3rd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Forcecage</div>
        </div>
        <div class="spell-level">
            <div class="content">7th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">100 foot</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: ruby dust worth 1500 gp.</i>
            </p>
            <p>
                A cage shaped prison can be up to 20 ft. on a side and is made
                from 1/2-inch bars spaced 1/2 inch apart.
            </p>
            <p>
                A box shaped prison can be up to 10 ft. on a side, creating a
                solid barrier that prevents any matter from passing through and
                blocks spells cast into or out from the area.
            </p>
            <p>
                When you cast the spell, any creature that is completely inside
                the cage's area is trapped. Creatures only partially within the
                area, or those too large to fit inside the area, are pushed away
                from the center of the area until they are completely outside
                the area.
            </p>
            <p>
                Trapped creatures can't leave by nonmagical means. If the
                creature tries to use teleportation or interplanar travel to
                leave the cage, it must first make a Charisma saving throw. On a
                success, the creature can use that magic to exit the cage. On a
                failure, the creature can't exit the cage and wastes the use of
                the spell or effect. The cage also extends into the Ethereal
                Plane, blocking ethereal travel.
            </p>
            <p>This spell can't be dispelled by dispel magic.</p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Foresight</div>
        </div>
        <div class="spell-level">
            <div class="content">9th-level Divination</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 minute</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">8 hours</div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a hummingbird feather.</i>
            </p>
            <p>
                You touch a willing creature and bestow a limited ability to see
                into the immediate future. For the duration, the target:
            </p>
            <ul>
                <li>Can not be surprised</li>
                <li>Has advantage on all attack rolls</li>
                <li>Has advantage on all ability checks</li>
                <li>Has advantage on all saving throws</li>
            </ul>
            <p>
                Additionally, other creatures have disadvantage on attack rolls
                against the target for the duration.
            </p>
            <p>
                This spell immediately ends if you cast it again before its
                duration ends.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Frostball</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">150 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                <i> Material: a tiny crystal of dry ice and sea water. </i>
            </p>
            <p>
                A white streak flashes from your pointing finger to a point you
                choose within range and then crystallizes with a sharp crack
                into an explosion of frost. Each creature in a 20-foot-radius
                sphere centered on that point must make a Dexterity saving
                throw. A target takes 8d6 cold damage on a failed save, or half
                as much damage on a successful one.
            </p>
            <p>
                The frost spreads around corners. It douses ignited objects in
                the area that aren't being worn or carried.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 4th level or higher,
            the damage increases by 1d6 for each slot level above 3rd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Greater Invisibility</div>
        </div>
        <div class="spell-level">
            <div class="content">4th-level Illusion</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                You or a creature you touch becomes invisible until the spell
                ends. Anything the target is wearing or carrying is invisible as
                long as it is on the target's person.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Guardian's Clenched Fist</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                You create a Large hand of translucent mist. It has AC 20 and HP
                equal to your maximum HP. If it drops to 0 HP, the spell ends.
                It has a STR of 26 (+8) and a DEX of 10 (+0).
            </p>
            <p>
                When you cast the spell and as a bonus action on your turns, you
                can move the hand up to 60 feet and then cause one effect with
                it.
            </p>
            <p>
                <strong>Clenched Fist.</strong> The hand strikes one creature or
                object within 5 feet of it. Make a melee spell attack for the
                hand using your game statistics. On a hit, the target takes 4d8
                force damage.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 6th level or higher,
            the damage from the clenched fist option increases by 2d8 for each
            slot level above 5th.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Guardian's Forceful Hand</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                You create a Large hand of translucent mist. It has AC 20 and HP
                equal to your maximum HP. If it drops to 0 HP, the spell ends.
                It has a STR of 26 (+8) and a DEX of 10 (+0).
            </p>
            <p>
                When you cast the spell and as a bonus action on your turns, you
                can move the hand up to 60 feet and then cause one effect with
                it.
            </p>
            <p>
                <strong>Forceful Hand.</strong> The hand attempts to push a
                creature within 5 feet of it in a direction you choose. Make a
                check with the hand's Strength contested by the Strength
                (Athletics) check of the target. If the target is Medium or
                smaller, you have advantage on the check. If you succeed, the
                hand pushes the target up to 5 feet plus a number of feet equal
                to five times your spellcasting ability modifier. The hand moves
                with the target to remain within 5 feet of it.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Guardian's Grasping Hand</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                You create a Large hand of translucent mist. It has AC 20 and HP
                equal to your maximum HP. If it drops to 0 HP, the spell ends.
                It has a STR of 26 (+8) and a DEX of 10 (+0).
            </p>
            <p>
                When you cast the spell and as a bonus action on your turns, you
                can move the hand up to 60 feet and then cause one effect with
                it.
            </p>
            <p>
                <strong>Grasping Hand.</strong> The hand attempts to grapple a
                Huge or smaller creature within 5 feet. If the target is Medium
                or smaller, you have advantage on the check. While the hand is
                grappling the target, you can use a bonus action to have the
                hand crush it and the target takes bludgeoning damage equal to
                2d6 + your spellcasting ability modifier.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 6th level or higher,
            the damage from the grasping hand increases by 2d6 for each slot
            level above 5th.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Guardian's Interposed Hand</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                You create a Large hand of translucent mist. It has AC 20 and HP
                equal to your maximum HP. If it drops to 0 HP, the spell ends.
                It has a STR of 26 (+8) and a DEX of 10 (+0).
            </p>
            <p>
                When you cast the spell and as a bonus action on your turns, you
                can move the hand up to 60 feet and then cause one effect with
                it.
            </p>
            <p>
                <strong>Interposing Hand.</strong> The hand interposes itself
                between you and a creature you choose until you give the hand a
                different command. The hand moves to stay between you and the
                target, providing you with half cover against the target. The
                target can't move through the hand's space if its Strength score
                is less than or equal to the hand's Strength score. If its
                Strength score is higher than the hand's Strength score, the
                target can move toward you through the hand's space, but that
                space is difficult terrain for the target.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Guidance</div>
        </div>
        <div class="spell-level">
            <div class="content">Divination cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                You touch one willing creature. Once before the spell ends, the
                target can roll a d4 and add the number rolled to one ability
                check of its choice. It can roll the die before or after making
                the ability check. The spell then ends.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Guiding Bolt</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 round</div>
        </div>
        <div class="description short-description">
            <p>
                A flash of light streaks toward a creature of your choice within
                range. Make a ranged spell attack against the target. On a hit,
                the target takes 4d6 radiant damage, and the next attack roll
                made against this target before the end of your next turn has
                advantage, thanks to the mystical dim light glittering on the
                target until then.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            the damage increases by 1d6 for each slot level above 1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Haste</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Transmutation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a shaving of licorice root.</i>
            </p>
            <p>
                Choose a willing creature that you can see within range. Until
                the spell ends, the target's speed is doubled, it gains a +2
                bonus to AC, it has advantage on Dexterity saving throws, and it
                gains an additional action on each of its turns. That action can
                be used only to take the Attack (one weapon attack only), Dash,
                Disengage, Hide, or Use an Object action.
            </p>
            <p>
                When the spell ends, the target can't move or take actions until
                after its next turn, as a wave of lethargy sweeps over it.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Healing Word</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                A creature of your choice that you can see within range regains
                hit points equal to 1d4 + your spellcasting ability modifier.
                This spell has no effect on undead or constructs.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            the healing increases by 1d4 for each slot level above 1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Hex</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">90 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a small, straight piece of iron.</i>
            </p>
            <p>
                You place a curse on a creature that you can see within range.
                Until the spell ends, you deal an extra 1d6 necrotic damage to
                the target whenever you hit it with an attack. Also, choose one
                ability when you cast the spell. The target has disadvantage on
                ability checks made with the chosen ability.
            </p>
            <p>
                If the target drops to 0 hit points before this spell ends, you
                can use a bonus action on a subsequent turn of yours to curse a
                new creature.
            </p>
            <p>A remove curse cast on the target ends this spell early.</p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 3rd or 4th, duration
            increases to up to 8 hours. When you use a spell slot of 5th or
            higher, duration increases to up to 24 hours.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Gust</div>
        </div>
        <div class="spell-level">
            <div class="content">Transmutation cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                You seize the air and compel it to create one of the following
                effects at a point you can see within range:
            </p>
            <p>
                One Medium or smaller creature that you choose must succeed on a
                Strength saving throw or be pushed up to 5 feet away from you.
            </p>
            <p>
                You create a small blast of air capable of moving one object
                that is neither held nor carried and that weighs no more than 5
                pounds. The object is pushed up to 10 feet away from you. It
                isn't pushed with enough force to cause damage.
            </p>
            <p>
                You create a harmless sensory effect using air, such as causing
                leaves to rustle, wind to slam shutters shut, or your clothing
                to ripple in a breeze.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Heroism</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                A willing creature you touch is imbued with bravery. Until the
                spell ends, the creature is immune to being frightened and gains
                temporary hit points equal to your spellcasting ability modifier
                at the start of each of its turns. When the spell ends, the
                target loses any remaining temporary hit points from this spell.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            you can target one additional creature for each slot level above
            1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Hold Monster</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">90 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a small, straight piece of iron.</i>
            </p>
            <p>
                Choose a creature that you can see within range. The target must
                succeed on a Wisdom saving throw or be paralyzed for the
                duration. This spell has no effect on undead. At the end of each
                of its turns, the target can make another Wisdom saving throw.
                On a success, the spell ends on the target.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 6th level or higher,
            you can target one additional creature for each slot level above
            5th. The creatures must be within 30 feet of each other when you
            target them.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Hold Person</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a small, straight piece of iron.</i>
            </p>
            <p>
                Choose a humanoid that you can see within range. The target must
                succeed on a Wisdom saving throw or be paralyzed for the
                duration. At the end of each of its turns, the target can make
                another Wisdom saving throw. On a success, the spell ends on the
                target.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 3rd level or higher,
            you can target one additional humanoid within 30 feet for each slot
            level above 2nd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Hunter's Mark</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Divination</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">90 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                You choose a creature you can see within range and mystically
                mark it as your quarry. Until the spell ends, you deal an extra
                1d6 damage to the target whenever you hit it with a weapon
                attack, and you have advantage on any Wisdom (Perception) or
                Wisdom (Survival) check you make to find it. If the target drops
                to 0 hit points before this spell ends, you can use a bonus
                action on a subsequent turn of yours to mark a new creature.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When using a 3rd or 4th slot, you can maintain concentration for up
            to 8 hours. When using 5th or higher slot, you can maintain
            concentration for up to 24 hours.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Hypnotic Pattern</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Illusion</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet (30-ft cube)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>
                    Material: a glowing stick of incense or a crystal vial
                    filled with phosphorescent material.
                </i>
            </p>
            <p>
                You create a twisting pattern of colors that weaves through the
                air inside a 30-foot cube within range. The pattern appears for
                a moment and vanishes. Each creature in the area who sees the
                pattern must make a Wisdom saving throw. On a failed save, the
                creature becomes charmed for the duration. While charmed by this
                spell, the creature is incapacitated and has a speed of 0.
            </p>
            <p>
                The spell ends for an affected creature if it takes any damage
                or if someone else uses an action to shake the creature out of
                its stupor.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 4th level or higher,
            the damage increases by 1d8 for each slot level above 3rd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Ice Storm</div>
        </div>
        <div class="spell-level">
            <div class="content">4th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">300 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                <i> Material: a pinch of dust and a few drops of water. </i>
            </p>
            <p>
                A hail of rock-hard ice pounds to the ground in a
                20-foot-radius, 40-foot-high cylinder centered on a point within
                range. Each creature in the cylinder must make a Dexterity
                saving throw. A creature takes 2d8 bludgeoning damage and 4d6
                cold damage on a failed save, or half as much damage on a
                successful one
            </p>
            <p>
                Hailstones turn the storm's area of effect into difficult
                terrain until the end of your next turn.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 5th level or higher,
            the bludgeoning damage increases by 1d8 for each slot level above
            4th.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Invisibility</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Illusion</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: an eyelash encased in gum arabic.</i>
            </p>
            <p>
                A creature you touch becomes invisible until the spell ends.
                Anything the target is wearing or carrying is invisible as long
                as it is on the target's person. The spell ends for a target
                that attacks or casts a spell.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 3rd level or higher,
            you can target one additional creature for each slot level above
            2nd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Light</div>
        </div>
        <div class="spell-level">
            <div class="content">Evocation cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a firefly or phosphorescent moss.</i>
            </p>
            <p>
                You touch one object that is no larger than 10 feet in any
                dimension. Until the spell ends, the object sheds bright light
                in a 20-foot radius and dim light for an additional 20 feet. The
                light can be colored as you like. Completely covering the object
                with something opaque blocks the light. The spell ends if you
                cast it again or dismiss it as an action.
            </p>
            <p>
                If you target an object held or worn by a hostile creature, that
                creature must succeed on a Dexterity saving throw to avoid the
                spell.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Mage Hand</div>
        </div>
        <div class="spell-level">
            <div class="content">Conjuration cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
        </div>
        <div class="description long-description">
            <p>
                A spectral, floating hand appears at a point you choose within
                range. The hand lasts for the duration or until you dismiss it
                as an action. The hand vanishes if it is ever more than 30 feet
                away from you or if you cast this spell again.
            </p>
            <p>
                You can use your action to control the hand. You can use the
                hand to manipulate an object, open an unlocked door or
                container, stow or retrieve an item from an open container, or
                pour the contents out of a vial. You can move the hand up to 30
                feet each time you use it.
            </p>
            <p>
                The hand can't attack, activate magic items, or carry more than
                10 pounds.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Magic Missile</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                You create three glowing darts of magical force. Each dart hits
                a creature of your choice that you can see within range. A dart
                deals 1d4 + 1 force damage to its target. The darts all strike
                simultaneously, and you can direct them to hit one creature or
                several.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            the spell creates one more dart for each slot level above 1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Mending</div>
        </div>
        <div class="spell-level">
            <div class="content">Transmutation cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 minute</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: two lodestones.</i>
            </p>
            <p>
                This spell repairs a single break or tear in an object you
                touch, such as a broken chain link, two halves of a broken key,
                a torn cloak, or a leaking wineskin. As long as the break or
                tear is no larger than 1 foot in any dimension, you mend it,
                leaving no trace of the former damage.
            </p>
            <p>
                This spell can physically repair a magic item or construct, but
                the spell can't restore magic to such an object.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Message</div>
        </div>
        <div class="spell-level">
            <div class="content">Transmutation cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 round</div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a short piece of copper wire.</i>
            </p>
            <p>
                You point your finger toward a creature within range and whisper
                a message. The target (and only the target) hears the message
                and can reply in a whisper that only you can hear.
            </p>
            <p>
                You can cast this spell through solid objects if you are
                familiar with the target and know it is beyond the barrier.
                Magical silence, 1 foot of stone, 1 inch of common metal, a thin
                sheet of lead, or 3 feet of wood blocks the spell. The spell
                doesn't have to follow a straight line and can travel freely
                around corners or through openings.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Mind Sliver</div>
        </div>
        <div class="spell-level">
            <div class="content">Enchantment cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                You drive a disorienting spike of psychic energy into the mind
                of one creature you can see within range. The target must
                succeed on an Intelligence saving throw or take 1d6 psychic
                damage and subtract 1d4 from the next saving throw it makes
                before the end of your next turn.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            This spell's damage increases by 1d6 when you reach certain levels:
            5th level (2d6), 11th level (3d6), and 17th level (4d6).
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Mind Spike</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Divination</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                You reach into the mind of one creature you can see within
                range. The target must make a Wisdom saving throw, taking 3d8
                psychic damage on a failed save, or half as much damage on a
                successful one. On a failed save, you also always know the
                target's location until the spell ends, but only while the two
                of you are on the same plane of existence. While you have this
                knowledge, the target can't become hidden from you, and if it's
                invisible, it gains no benefit from that condition against you.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 3rd level or higher,
            the damage increases by 1d8 for each slot level above 2nd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Minor Illusion</div>
        </div>
        <div class="spell-level">
            <div class="content">Illusion cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
        </div>
        <div class="description long-description">
            <p>
                <i>Materials: a bit of fleece.</i>
            </p>
            <p>
                You create a sound or an image of an object within range that
                lasts for the duration. The illusion also ends if you dismiss it
                as an action or cast this spell again.
            </p>
            <p>
                If you create a sound, its volume can range from a whisper to a
                scream. The sound continues unabated throughout the duration, or
                you can make discrete sounds at different times before the spell
                ends.
            </p>
            <p>
                If you create an image of an object, it must be no larger than a
                5-foot cube. The image can't create sound, light, smell, or any
                other sensory effect. Physical interaction with the image
                reveals it to be an illusion, because things can pass through
                it.
            </p>
            <p>
                A creature can use an action to examine the sound or image. To
                determine if it is an illusion, it must make an Intelligence
                (Investigation) check against your spell save DC. If a creature
                discerns the illusion for what it is, the illusion becomes faint
                to the creature.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Mirror Image</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Illusion</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
        </div>
        <div class="description long-description">
            <p>
                Each time a creature targets you with an attack during the
                spell's duration, roll a d20 to determine whether the attack
                instead targets one of your duplicates.
            </p>
            <p>
                If you have three duplicates, you must roll a 6 or higher to
                change the attack's target to a duplicate. With two duplicates,
                you must roll an 8 or higher. With one duplicate, you must roll
                an 11 or higher.
            </p>
            <p>
                A duplicate's AC equals 10 + your Dexterity modifier. If an
                attack hits a duplicate, the duplicate is destroyed. A duplicate
                can be destroyed only by an attack that hits it. It ignores all
                other damage and effects. The spell ends when all three
                duplicates are destroyed.
            </p>
            <p>
                A creature is unaffected by this spell if it can't see, if it
                relies on senses other than sight, such as blindsight, or if it
                can perceive illusions as false, as with truesight.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Misty Step</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Conjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                Briefly surrounded by silvery mist, you teleport up to 30 feet
                to an unoccupied space that you can see.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Modify Memory</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                The target makes a Wisdom saving throw. If you are fighting the
                target, it has advantage. On a failed save, the target becomes
                charmed and incapacitated. If it takes any damage or is targeted
                by another spell, this spell ends, and none of the target's
                memories are modified.
            </p>
            <p>
                While charmed, you can affect 10 minutes of the target's memory
                of an event within the last 24 hours.
            </p>
            <p>
                The target must be able to understand you for the memories to
                take root. Its mind fills in any gaps in the details of your
                description. If the spell ends before you finish the
                description, the targets's memory isn't altered.
            </p>
            <p>
                Remove curse or greater restoration restores the target's
                memories.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            You can alter the target's memories up to 7 days ago (6th level), 30
            days ago (7th level), 1 year ago (8th level), or any time (9th
            level).
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Otiluke's Freezing Sphere</div>
        </div>
        <div class="spell-level">
            <div class="content">6th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">300 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a small crystal sphere.</i>
            </p>
            <p>
                A frigid globe of cold energy streaks from your fingertips to a
                point of your choice within range, where it explodes in a
                60-foot-radius sphere. Each creature within the area must make a
                Constitution saving throw. On a failed save, a creature takes
                10d6 cold damage. On a successful save, it takes half as much
                damage.
            </p>
            <p>
                If the globe strikes a body of water or a liquid that is
                principally water (not including water-based creatures), it
                freezes the liquid to a depth of 6 inches over an area 30 feet
                square. This ice lasts for 1 minute. Creatures that were
                swimming on the surface of frozen water are trapped in the ice.
                A trapped creature can use an action to make a Strength check
                against your spell save DC to break free.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 7th level or higher,
            the damage increases by 1d6 for each slot level above 6th
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Pass Without Trace</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Abjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i>
                    Material: ashes from a burned leaf of mistletoe and a sprig
                    of spruce.
                </i>
            </p>
            <p>
                A veil of shadows and silence radiates from you, masking you and
                your companions from detection. For the duration, each creature
                you choose within 30 feet of you (including you) has a +10 bonus
                to Dexterity (Stealth) checks and can't be tracked except by
                magical means. A creature that receives this bonus leaves behind
                no tracks or other traces of its passage.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Polymorph</div>
        </div>
        <div class="spell-level">
            <div class="content">4th-level Transmutation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a caterpillar cocoon.</i>
            </p>
            <p>
                An unwilling creature must make a Wisdom saving throw to avoid
                the effect. The spell has no effect on a shapechanger or a
                creature with 0 hit points.
            </p>
            <p>
                The transformation lasts for the duration, or until the target
                drops to 0 hit points or dies. The new form can be any beast
                whose challenge rating is equal to or less than the target's
                challenge rating or level. The target's statistics, are replaced
                by the chosen beasts. It retains its alignment and personality.
            </p>
            <p>
                If the target reverts as a result of dropping to 0 hit points,
                any excess damage carries over to its normal form.
            </p>
            <p>
                The creature is limited in the actions it can perform by the
                nature of its new form, and it can't speak, cast spells, or take
                any other action that requires hands or speech.
            </p>
            <p>
                The target's gear melds into the new form. The creature can't
                activate, use, wield, or otherwise benefit from any of its
                equipment.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Prestidigitation</div>
        </div>
        <div class="spell-level">
            <div class="content">Transmutation cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">10 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
        </div>
        <div class="description long-description">
            <p>
                This spell is a minor magical trick that novice spellcasters use
                for practice. You create one of the following magical effects
                within range:
            </p>
            <ul>
                <li>
                    You create an instantaneous, harmless sensory effect, such
                    as a shower of sparks, a puff of wind, faint musical notes,
                    or an odd odor.
                </li>
                <li>
                    You instantaneously light or snuff out a candle, a torch, or
                    a small campfire.
                </li>
                <li>
                    You instantaneously clean or soil an object no larger than 1
                    cubic foot.
                </li>
                <li>
                    You chill, warm, or flavor up to 1 cubic foot of nonliving
                    material for 1 hour.
                </li>
                <li>
                    You make a color, a small mark, or a symbol appear on an
                    object or a surface for 1 hour.
                </li>
                <li>
                    You create a nonmagical trinket or an illusory image that
                    can fit in your hand and that lasts until the end of your
                    next turn.
                </li>
            </ul>
            <p>
                If you cast this spell multiple times, you can have up to three
                of its non-instantaneous effects active at a time, and you can
                dismiss such an effect as an action.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Protection Evil and Good</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Abjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minutes</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i>
                    Material: holy water or powdered silver and iron, which the
                    spell consumes.
                </i>
            </p>
            <p>
                Until the spell ends, one willing creature you touch is
                protected against certain types of creatures: aberrations,
                celestials, elementals, fey, fiends, and undead.
            </p>
            <p>
                The protection grants several benefits. Creatures of those types
                have disadvantage on attack rolls against the target. The target
                also can't be charmed, frightened, or possessed by them. If the
                target is already charmed, frightened, or possessed by such a
                creature, the target has advantage on any new saving throw
                against the relevant effect.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Purify Food and Drink</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Transmutation (ritual)</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">10 feet (5-ft sphere)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                All nonmagical food and drink within a 5-foot-radius sphere
                centered on a point of your choice within range is purified and
                rendered free of poison and disease.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Raulothim's Psychic Lance</div>
        </div>
        <div class="spell-level">
            <div class="content">4th-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                You unleash a shimmering lance of psychic power from your
                forehead at a creature that you can see within range.
                Alternatively, you can utter a creature's name. If the named
                target is within range, it becomes the spell's target even if
                you can't see it. If the named target isn't within range, the
                lance dissipates without effect.
            </p>
            <p>
                The target must make an Intelligence saving throw. On a failed
                save, the target takes 7d6 psychic damage and is incapacitated
                until the start of your next turn. On a successful save, the
                creature takes half as much damage and isn't incapacitated.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 5th level or higher,
            the damage increases by 1d6 for each slot level above 4th.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Revivify</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Necromancy</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                <i>
                    Material: diamonds worth 300 gp, which the spell consumes.
                </i>
            </p>
            <p>
                You touch a creature that has died within the last minute. That
                creature returns to life with 1 hit point. This spell can't
                return to life a creature that has died of old age, nor can it
                restore any missing body parts.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Rime's Binding Ice</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self (30-ft cone)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a vial of meltwater.</i>
            </p>
            <p>
                A burst of cold energy emanates from you in a 30-foot cone. Each
                creature in that area must make a Constitution saving throw. On
                a failed save, a creature takes 3d8 cold damage and is hindered
                by ice formations for 1 minute, or until it or another creature
                within reach of it uses an action to break away the ice. A
                creature hindered by ice has its speed reduced to 0. On a
                successful save, a creature takes half as much damage and isn't
                hindered by ice.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 3rd level or higher,
            increase the cold damage by 1d8 for each slot level above 2nd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Rope Trick</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Transmutation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
        </div>
        <div class="description long-description">
            <p>
                <i>
                    Material: powdered corn extract and a twisted loop of
                    parchment.
                </i>
            </p>
            <p>
                You touch a length of rope that is up to 60 feet long. One end
                of the rope then rises into the air until the whole rope hangs
                perpendicular to the ground. At the upper end of the rope, an
                invisible entrance opens to an extradimensional space that lasts
                until the spell ends.
            </p>
            <p>
                The extradimensional space can be reached by climbing to the top
                of the rope. The space can hold as many as eight Medium or
                smaller creatures. The rope can be pulled into the space, making
                the rope disappear from view outside the space.
            </p>
            <p>
                Attacks and spells can't cross through the entrance into or out
                of the extradimensional space, but those inside can see out of
                it as if through a 3-foot-by-5- foot window centered on the
                rope.
            </p>
            <p>
                Anything inside the extradimensional space drops out when the
                spell ends.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Searing Smite</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                The next time you hit a creature with a melee weapon attack
                during the spell's duration, your weapon flares with white-hot
                intensity, and the attack deals an extra 1d6 fire damage to the
                target and causes the target to ignite in flames. At the start
                of each of its turns until the spell ends, the target must make
                a Constitution saving throw. On a failed save, it takes 1d6 fire
                damage. On a successful save, the spell ends. If the target or a
                creature within 5 feet of it uses an action to put out the
                flames, or if some other effect douses the flames (such as the
                target being submerged in water), the spell ends.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            the initial extra damage dealt by the attack increases by 1d6 for
            each slot.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Shield of Faith</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Abjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minutes</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i>
                    Material: a small parchment with a bit of holy text written
                    on it.
                </i>
            </p>
            <p>
                A shimmering field appears and surrounds a creature of your
                choice within range, granting it a +2 bonus to AC for the
                duration.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Shield</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Abjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 reaction</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 round</div>
        </div>
        <div class="description long-description">
            <p>
                An invisible barrier of magical force appears and protects you.
                Until the start of your next turn, you have a +5 bonus to AC,
                including against the triggering attack, and you take no damage
                from magic missile.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Sickening Radiance</div>
        </div>
        <div class="spell-level">
            <div class="content">4th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minutes</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                Dim, greenish light spreads within a 30-foot-radius sphere
                centered on a point you choose within range. The light spreads
                around corners, and it lasts until the spell ends.
            </p>
            <p>
                When a creature moves into the spell's area for the first time
                on a turn or starts its turn there, that creature must succeed
                on a Constitution saving throw or take 4d10 radiant damage,
                suffer one level of exhaustion, and emit a dim, greenish light
                in a 5-foot radius. This light makes it impossible for the
                creature to benefit from being invisible. The light and any
                levels of exhaustion caused by this spell go away when the spell
                ends.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Silvery Barbs</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 reaction</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                You magically distract the triggering creature and turn its
                momentary uncertainty into encouragement for another creature.
                The triggering creature must reroll the d20 and use the lower
                roll.
            </p>
            <p>
                You can then choose a different creature you can see within
                range (you can choose yourself). The chosen creature has
                advantage on the next attack roll, ability check, or saving
                throw it makes within 1 minute. A creature can be empowered by
                only one use of this spell at a time.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Sleet Storm</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Conjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">150 ft (40-ft cylinder)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i> Material: a pinch of dust and a few drops of water. </i>
            </p>
            <p>
                You attempt to turn one creature that you can see within range
                into stone. If the target's body is made of flesh, the creature
                must make a Constitution saving throw. On a failed save, it is
                restrained as its flesh begins to harden. On a successful save,
                the creature isn't affected.
            </p>
            <p>
                Until the spell ends, freezing rain and sleet fall in a
                20-foot-tall cylinder with a 40-foot radius centered on a point
                you choose within range. The area is heavily obscured, and
                exposed flames in the area are doused.
            </p>
            <p>
                The ground in the area is covered with slick ice, making it
                difficult terrain. When a creature enters the spell's area for
                the first time on a turn or starts its turn there, it must make
                a Dexterity saving throw. On a failed save, it falls prone.
            </p>
            <p>
                If a creature starts its turn in the spell's area and is
                concentrating on a spell, the creature must make a successful
                Constitution saving throw against your spell save DC or lose
                concentration.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Speak With Dead</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Necromancy</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">10 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minutes</div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: burning incense.</i>
            </p>
            <p>
                You grant the semblance of life and intelligence to a corpse of
                your choice within range, allowing it to answer the questions
                you pose. The corpse must still have a mouth and can't be
                undead. The spell fails if the corpse was the target of this
                spell within the last 10 days.
            </p>
            <p>
                Until the spell ends, you can ask the corpse up to five
                questions. The corpse knows only what it knew in life, including
                the languages it knew. Answers are usually brief, cryptic, or
                repetitive, and the corpse is under no compulsion to offer a
                truthful answer if you are hostile to it or it recognizes you as
                an enemy. This spell doesn't return the creature's soul to its
                body, only its animating spirit. Thus, the corpse can't learn
                new information, doesn't comprehend anything that has happened
                since it died, and can't speculate about future events.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Spike Growth</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Transmutation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">150 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minutes</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i>
                    Material: seven sharp thorns or seven small twigs, each
                    sharpened to a point.
                </i>
            </p>
            <p>
                The ground in a 20-foot radius centered on a point within range
                twists and sprouts hard spikes and thorns. The area becomes
                difficult terrain for the duration. When a creature moves into
                or within the area, it takes 2d4 piercing damage for every 5
                feet it travels.
            </p>
            <p>
                The transformation of the ground is camouflaged to look natural.
                Any creature that can't see the area at the time the spell is
                cast must make a Wisdom (Perception) check against your spell
                save DC to recognize the terrain as hazardous before entering
                it.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Spirit Guardians</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Conjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self (15 feet)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a holy symbol.</i>
            </p>
            <p>
                You call forth spirits to protect you. They flit around you to a
                distance of 15 feet for the duration. If you are good or
                neutral, their spectral form appears angelic or fey (your
                choice). If you are evil, they appear fiendish.
            </p>
            <p>
                When you cast this spell, you can designate any number of
                creatures you can see to be unaffected by it. An affected
                creature's speed is halved in the area, and when the creature
                enters the area for the first time on a turn or starts its turn
                there, it must make a Wisdom saving throw. On a failed save, the
                creature takes 3d8 radiant damage (if you are good or neutral)
                or 3d8 necrotic damage (if you are evil). On a successful save,
                the creature takes half as much damage.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 4th level or higher,
            the damage increases by 1d8 for each slot level above 3rd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Spiritual Weapon</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
        </div>
        <div class="description short-description">
            <p>
                You create a floating, spectral weapon within range that lasts
                for the duration or until you cast this spell again. When you
                cast the spell, you can make a melee spell attack against a
                creature within 5 feet of the weapon. On a hit, the target takes
                force damage equal to 1d8 + your spellcasting ability modifier.
            </p>
            <p>
                As a bonus action on your turn, you can move the weapon up to 20
                feet and repeat the attack against a creature within 5 feet of
                it.
            </p>
            <p>
                The weapon can take whatever form you choose. Clerics of deities
                who are associated with a particular weapon (as St. Cuthbert is
                known for his mace and Thor for his hammer) make this spell's
                effect resemble that weapon.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 3rd level or higher,
            the damage increases by 1d8 for every two slot levels above 2nd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Spray of Thorns</div>
        </div>
        <div class="spell-level">
            <div class="content">3rd-level Conjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self (15 foot cone)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a rose thorn.</i>
            </p>
            <p>
                You shoot forth a burst of thorns from your hands which pierce
                through your enemy's defenses. Each creature in a 15-foot cone
                must make a Dexterity saving throw. On a failed save, a creature
                takes 2d6 piercing damage and then has vulnerability to
                bludgeoning, piercing, and slashing damage until the start of
                their next turn. On a successful save, a creature takes half
                damage and suffers no other effect.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 4th level or higher,
            the damage increases by 1d6 for each slot level above 3rd.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Summon Construct</div>
        </div>
        <div class="spell-level">
            <div class="content">4th-level Conjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">90 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>
                    Material: an ornate stone and metal lockbox worth at least
                    400 gp
                </i>
            </p>
            <p>
                You call forth the spirit of a construct. It manifests in an
                unoccupied space that you can see within range. When you cast
                the spell, choose a material: Clay, Metal, or Stone. The
                creature disappears when it drops to 0 hit points or when the
                spell ends.
            </p>
            <p>
                The creature is an ally to you and your companions. In combat,
                the creature shares your initiative count, but it takes its turn
                immediately after yours. It obeys your verbal commands, or it
                takes the Dodge action and uses its move to avoid danger.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 4th level or higher,
            use the higher level wherever the spell's level appears in the stat
            block.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Swirling Mists</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Conjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                Swirling mist forms around a creature of your choice within
                range, and then forces itself into the creatures lungs. The
                target must make a Constitution saving throw. The target takes
                4d6 radiant damage on a failed save, or half as much damage on a
                successful one.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 2nd level or higher,
            the damage increases by 1d6 for each slot level above 1st.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Synaptic Static</div>
        </div>
        <div class="spell-level">
            <div class="content">5th-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description long-description">
            <p>
                You choose a point within range and cause psychic energy to
                explode there. Each creature in a 20-foot-radius sphere centered
                on that point must make an Intelligence saving throw. A creature
                with an Intelligence score of 2 or lower can't be affected by
                this spell. A target takes 8d6 psychic damage on a failed save,
                or half as much damage on a successful one.
            </p>
            <p>
                After a failed save, a target has muddled thoughts for 1 minute.
                During that time, it rolls a d6 and subtracts the number rolled
                from all its attack rolls and ability checks, as well as its
                Constitution saving throws to maintain concentration. The target
                can make an Intelligence saving throw at the end of each of its
                turns, ending the effect on itself on a success.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Tasha's Mind Whip</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Enchantment</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">90 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 round</div>
        </div>
        <div class="description short-description">
            <p>
                You psychically lash out at one creature you can see within
                range. The target must make an Intelligence saving throw. On a
                failed save, the target takes 3d6 psychic damage, and it can't
                take a reaction until the end of its next turn. Moreover, on its
                next turn, it must choose whether it gets a move, an action, or
                a bonus action; it gets only one of the three. On a successful
                save, the target takes half as much damage and suffers none of
                the spell's other effects.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When you cast this spell using a spell slot of 3rd level or higher,
            you can target one additional creature for each slot above 2nd.
            Creatures must be within 30 ft. of each other.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Thaumaturgy</div>
        </div>
        <div class="spell-level">
            <div class="content">Transmutation cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">30 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
        </div>
        <div class="description long-description">
            <p>
                You manifest a minor wonder, a sign of supernatural power,
                within range. You create one of the following magical effects
                within range:
            </p>
            <ul>
                <li>
                    Your voice booms up to three times as loud as normal for 1
                    minute.
                </li>
                <li>
                    You cause flames to flicker, brighten, dim, or change color
                    for 1 minute.
                </li>
                <li>You cause harmless tremors in the ground for 1 minute.</li>
                <li>
                    You create an instantaneous sound that originates from a
                    point of your choice within range, such as a rumble of
                    thunder, the cry of a raven, or ominous whispers.
                </li>
                <li>
                    You instantaneously cause an unlocked door or window to fly
                    open or slam shut.
                </li>
                <li>You alter the appearance of your eyes for 1 minute.</li>
            </ul>
            <p>
                If you cast this spell multiple times, you can have up to three
                of its 1-minute effects active at a time, and you can dismiss
                such an effect as an action.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Thunderous Smite</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                The first time you hit with a melee weapon attack during this
                spell's duration, your weapon rings with thunder that is audible
                within 300 feet of you, and the attack deals an extra 2d6
                thunder damage to the target. Additionally, if the target is a
                creature, it must succeed on a Strength saving throw or be
                pushed 10 feet away from you and knocked prone.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Toll The Dead</div>
        </div>
        <div class="spell-level">
            <div class="content">Necromancy cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                You point at one creature you can see within range, and the
                sound of a dolorous bell fills the air around it for a moment.
                The target must succeed on a Wisdom saving throw or take 1d8
                necrotic damage. If the target is missing any of its hit points,
                it instead takes 1d12 necrotic damage.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            The spell's damage increases by one die when you reach 5th level
            (2d8 or 2d12), 11th level (3d8 or 3d12), and 17th level (4d8 or
            4d12).
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Wall of Ice</div>
        </div>
        <div class="spell-level">
            <div class="content">6th-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">120 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">10 minutes</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a small piece of quartz.</i>
            </p>
            <p>
                You create a wall of ice and can form it into a hemispherical
                dome or a sphere with a radius of up to 10 feet, or a surface of
                ten 10-foot-square contiguous panels.
            </p>
            <p>
                Creatures within its area are pushed to one side of the wall and
                must make a Dexterity saving throw, taking 10d6 cold damage, or
                half on success.
            </p>
            <p>
                Each 10-foot section has AC 12 and 30 hit points, and is
                vulnerable to fire damage. Destroying a section of wall leaves
                behind a sheet of frigid air. A creature moving through the
                sheet of frigid air for the first time on a turn must make a
                Constitution saving throw, taking 5d6 cold damage on a failed
                save, or half on success.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            When using a slot of 7th level or higher, the damage when it appears
            increases by 2d6, and the damage from the frigid air increases by
            1d6, for each slot level above 6th.
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Warding Bond</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Abjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Touch</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 Hour</div>
        </div>
        <div class="description long-description">
            <p>
                <i>
                    Material: a pair of platinum rings worth at least 50 gp
                    each, which you and the target must wear for the duration.
                </i>
            </p>
            <p>
                This spell wards a willing creature you touch and creates a
                mystic connection between you and the target until the spell
                ends. While the target is within 60 feet of you, it gains a +1
                bonus to AC and saving throws, and it has resistance to all
                damage. Also, each time it takes damage, you take the same
                amount of damage.
            </p>
            <p>
                The spell ends if you drop to 0 hit points or if you and the
                target become separated by more than 60 feet. It also ends if
                the spell is cast again on either of the connected creatures.
                You can also dismiss the spell as an action.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Web</div>
        </div>
        <div class="spell-level">
            <div class="content">2nd-level Conjuration</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">60 feet (20-ft cube)</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, S, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 hour</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                <i>Material: a bit of spiderweb.</i>
            </p>
            <p>
                If the webs aren't anchored between two solid masses (such as
                walls or trees) or layered across a floor, wall, or ceiling, the
                conjured web collapses on itself, and the spell ends at the
                start of your next turn. Webs layered over a flat surface have a
                depth of 5 feet.
            </p>
            <p>
                Each creature that starts its turn in the webs or that enters
                them during its turn must make a Dexterity saving throw. On a
                failed save, the creature is restrained as long as it remains in
                the webs or until it breaks free.
            </p>
            <p>
                A creature restrained by the webs can use its action to make a
                Strength check against your spell save DC. If it succeeds, it is
                no longer restrained.
            </p>
            <p>
                The webs are flammable. Any 5-ft. cube of webs exposed to fire
                burns away in 1 round, dealing 2d4 fire damage to any creature
                that starts its turn in the fire.
            </p>
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Word of Radiance</div>
        </div>
        <div class="spell-level">
            <div class="content">Evocation cantrip</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">5 feet</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V, M</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">Instantaneous</div>
        </div>
        <div class="description short-description">
            <p>
                <i>Material: a holy symbol.</i>
            </p>
            <p>
                You utter a divine word, and burning radiance erupts from you.
                Each creature of your choice that you can see within range must
                succeed on a Constitution saving throw or take 1d6 radiant
                damage.
            </p>
        </div>
        <div class="higher-levels">
            <div class="content">At Higher Levels</div>
        </div>
        <div class="empower-spell">
            The spell's damage increases by 1d6 when you reach 5th level (2d6),
            11th level (3d6), and 17th level (4d6).
        </div>
    </div>
</div>

<div class="card-wrapper">
    <div class="card">
        <div class="name">
            <div class="content">Wrathful Smite</div>
        </div>
        <div class="spell-level">
            <div class="content">1st-level Evocation</div>
        </div>
        <div class="casting-time">
            <div class="header">Casting Time</div>
            <div class="content">1 bonus action</div>
        </div>
        <div class="range">
            <div class="header">Range</div>
            <div class="content">Self</div>
        </div>
        <div class="components">
            <div class="header">Components</div>
            <div class="content">V</div>
        </div>
        <div class="duration">
            <div class="header">Duration</div>
            <div class="content">1 minute</div>
            <div class="concentration"><div>C</div></div>
        </div>
        <div class="description long-description">
            <p>
                The next time you hit with a melee weapon attack during this
                spell's duration, your attack deals an extra 1d6 psychic damage.
                Additionally, if the target is a creature, it must make a Wisdom
                saving throw or be frightened of you until the spell ends. As an
                action, the creature can make a Wisdom check against your spell
                save DC to steel its resolve and end this spell.
            </p>
        </div>
    </div>
</div>

<script>
    document.getElementById("class-picker").addEventListener("change", (e) => {
        const classname = e.target.value;
        Array.from(document.getElementsByClassName("card")).forEach(function (
            element
        ) {
            element.className = "card " + classname;
        });
    });
    document.querySelectorAll(".card-wrapper").forEach((element) =>
        element.addEventListener("click", (_) => {
            if (element.classList.contains("no-print")) {
                element.classList.remove("no-print");
            } else {
                element.classList.add("no-print");
            }
        })
    );
    document.getElementById("select-all").addEventListener("click", (_) => {
        document
            .querySelectorAll(".card-wrapper")
            .forEach((element) => element.classList.remove("no-print"));
    });
    document.getElementById("deselect-all").addEventListener("click", (_) => {
        document
            .querySelectorAll(".card-wrapper")
            .forEach((element) => element.classList.add("no-print"));
    });
</script>