<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Abjuration</title>
    <link rel="stylesheet" href="../css/style.css">
    <script src="../javascript/script.js"></script>
</head>
<body>
    <header>
        <picture>
            <source media="(min-width: 1024px)" srcset="../img/Banner.jpg">
            <source media="(min-width: 500px)" srcset="../img/Banner_Mobile_1200px.jpg">
            <img src="../img/Banner_Mobile_400px.jpg" alt="DnD Banner">
        </picture>
    </header>
    <div class="MobileNav">
        <div id="burgerMenu" class="class" onclick="this.classList.toggle('On');">
        </div>
        <nav class="Mobile" id="Mobile">
            <ul>
                <li onclick="this.classList.toggle('On');">
                    <a href="index.html">Forside</a>
                </li>
                <li onclick="this.classList.toggle('On');">
                    <a href="#">Classes</a>
                    <div class="dropdown-dropdown-content">
                        <a href="../barbarian.html">Barbarian</a>
                        <a href="../cleric.html">Cleric</a>
                        <a href="../fighter.html">Fighter</a>
                        <a href="../sorcerer.html">Sorcerer</a>
                    </div>
                </li>
                <li onclick="this.classList.toggle('On');">
                    <a href="#">Races</a>
                    <div class="dropdown-dropdown-content">
                        <a href="../races/dwarf.html">Dwarf</a>
                        <a href="../races/elf.html">Elf</a>
                        <a href="../races/human.html">Human</a>
                    </div>
                </li>
                <li onclick="this.classList.toggle('On');">
                    <a href="#">Spells</a>
                    <div class="dropdown-dropdown-content">
                        <a href="abjuration.html">Abjuration</a>
                        <a href="conjuration.html">Conjuration</a>
                        <a href="divination.html">Divination</a>
                        <a href="enchantment.html">Enchantment</a>
                        <a href="evocation.html">Evocation</a>
                        <a href="illusion.html">Illusion</a>
                        <a href="necromancy.html">Necromancy</a>
                        <a href="transmutation.html">Transmutation</a>
                    </div>
                </li>
                <li class="cta">
                    <a href="../shop.html">Shop</a>
                </li>
            </ul>
        </nav>
    </div>
    <nav class="Desktop">
        <ul>
            <li><a href="../index.html">Forside</a></li>
            <li class="dropdown">
                <a href="" class="dropbtn">Classes</a>
                <div class="dropdown-content">
                    <a href="../classes/barbarian.html">Barbarian</a>
                    <a href="../classes/cleric.html">Cleric</a>
                    <a href="../classes/fighter.html">Fighter</a>
                    <a href="../classes/sorcerer.html">Sorcerer</a>
                </div>
            </li>
            <li class="dropdown">
                <a href="" class="dropbtn">Races</a>
                <div class="dropdown-content">
                    <a href="../races/dwarf.html">Dwarf</a>
                    <a href="../races/elf.html">Elf</a>
                    <a href="../races/human.html">Human</a>
                </div>
            </li>
            <li class="dropdown">
                <a href="" class="dropbtn">Spells</a>
                <div class="dropdown-content">
                    <a href="abjuration.html">Abjuration</a>
                    <a href="conjuration.html">Conjuration</a>
                    <a href="divination.html">Divination</a>
                    <a href="enchantment.html">Enchantment</a>
                    <a href="evocation.html">Evocation</a>
                    <a href="illusion.html">Illusion</a>
                    <a href="necromancy.html">Necromancy</a>
                    <a href="transmutation.html">Transmutation</a>
                </div>
            </li>
            <li class="cta"><a href="../shop.html">Visit our shop</a></li>
        </ul>
    </nav>
    <img class="mainPic" src="../img/abjuration.png" alt="Adjuration">
    <h1>Abjuration</h1>
    <p>The abjuration school of magic encompassed protective spells. They created physical or magical barriers, negated magical or physical abilities, harmed trespassers, or even banished the subject of the spell to another plane of existence. The abjuration school had no subschools. A wizard who specialized in abjuration was known as an abjurer. </p>
    <p>Some abjuration spells included dispel magic and resist energy.</p>
    <h3>Abjuration spell list</h3>
    <div class="centerSpell">
        <div class="spellTable">
            <span>Aid</span>
            <span>Alarm</span>
            <span>Antilife Shell</span>
            <span>Antimagic Field</span>
            <span>Arcane Lock</span>
            <span>Banishment</span>
            <span>Beacon of Hope</span>
            <span>Counterspell</span>
            <span>Death Ward</span>
            <span>Dispel Evil and Good</span>
            <span>Dispel Magic</span>
            <span>Forbiddance</span>
            <span>Freedom of Movement</span>
            <span>Globe of Invulnerability</span>
            <span>Glyph of Warding</span>
            <span>Greater Restoration</span>
            <span>Guards and Wards</span>
            <span>Holy Aura</span>
            <span>Imprisonment</span>
            <span>Lesser Restoration</span>
            <span>Mage Armor</span>
            <span>Magic Circle</span>
            <span>Mind Blank</span>
            <span>Nondetection</span>
            <span>Pass without Trace</span>
            <span>Planar Binding</span>
            <span>Prismatic Wall</span>
            <span>Private Sanctum</span>
            <span>Protection from Energy</span>
            <span>Protection from Evil and Good</span>
            <span>Protection from Poison</span>
            <span>Remove Curse</span>
            <span>Resistance</span>
            <span>Sanctuary</span>
            <span>Shield</span>
            <span>Shield of Faith</span>
            <span>Stoneskin</span>
            <span>Symbol</span>
            <span>Warding Bond</span>
        </div>
    </div>
</body>
</html>