<!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>Divination</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/divination.png" alt="Divination">
    <h1>Divination</h1>
    <p>The divination school of magic contains spells that enable the caster to learn secrets long forgotten, interpret dreams, predict the future, to find hidden things or foil deceptive spells. Among them are included detect magic and scry. A wizard who specializes in divination is known as a diviner.</p>
    <p>Divination is often considered the "weakest" of the schools; specialist diviners need only forsake one other school, other than the normal two, and no other specialist can use Divination as one of their forsaken schools.</p>
    <p>In 2nd edition D&D the divination school was divided into major/minor schools called greater/lesser divination. Lesser divination spells were available to all wizards regardless of specialization.</p>
    <h2>Subschools</h2>
    <p>•    Scrying: Spells from this subschool create an invisible sensor that allows the creator to experience events over long distances. Intelligent creatures can sometimes get the feeling that they are being watched while under this kind of observation, and several spells or even a simple lead sheet can interrupt the sensor. </p>
    <h3>Divination spell list</h3>
    <div class="centerSpell">
        <div class="spellTable">
            <span>Arcane Eye </span>
            <span>Augury </span>
            <span>Clairvoyance</span> 
            <span>Commune </span>
            <span>Commune with Nature</span> 
            <span>Comprehend Languages </span>
            <span>Contact Other Plane </span>
            <span>Detect Evil and Good </span>
            <span>Detect Magic </span>
            <span>Detect Poison and Disease</span> 
            <span>Detect Thoughts </span>
            <span>Divination </span>
            <span>Find Traps </span>
            <span>Find the Path </span>
            <span>Foresight </span>
            <span>Guidance </span>
            <span>Hunter's Mark</span> 
            <span>Identify </span>
            <span>Legend Lore </span>
            <span>Locate Animals or Plants</span> 
            <span>Locate Creature </span>
            <span>Locate Object </span>
            <span>Scrying </span>
            <span>See Invisibility</span> 
            <span>Speak with Animals </span>
            <span>Telepathic Bond </span>
            <span>Tongues </span>
            <span>True Seeing </span>
            <span>True Strike </span>
        </div>
    </div>
</body>
</html>