/*
CSS for Grand Wizarding University site
*/

html {
    background-color: white;
}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11pt;
    background-color: rgba(252, 245, 229); /* parchment */
}

p {
    margin: o;
    padding: 0;
}

a {
    color: indigo;
}

h1 {
    color: indigo;
    text-align: left;
    font-size: x-large;
    font-weight: bold;
    padding-bottom: 10px;
}

h2 {
    color: indigo;
    text-align: left;
    font-size: large;
    font-weight: bold;
    padding-top: 10px;
}

h3 {
    color: indigo;
    text-align: left;
    font-size: medium;
    font-weight: bold;
    padding-bottom: 10px;
}

hr {
    color: brown;
}

header {
    text-align: center;
    background-color: black;
    padding-bottom: 10px;
}

header .title {
    text-align: center;
    font-size:xx-large;
    font-weight: bold;
    color: indigo;
    text-shadow: 0 0 5px gold, 0 0 15px gold, 0 0 50px gold;
    /* color: rgb(50, 128, 255); */
}

header .tagline {
    font-size: large;
    font-style: italic;
    color: gold;
}

main {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 8rem;
    background-image: url("images/scroll.png");
    background-size: 100% auto;
    background-repeat: repeat-y;

}

@media only screen and (max-width: 800px) {
    main {
        width: 100%;
    }
}

footer {
    font-size:smaller;
    text-align: center;
    padding: 5px;
    color: indigo;
    background-color: rgb(240, 240, 240);
}