body {
    background-color: #b997bc;
    background-image:url(imgs/bg_gplay.png);
    background-blend-mode: screen;
}



main {
    display:block;
    position: relative;
    width: 70%;
    background-color:#764B7B;
    border: 2px solid #fce6fe;
    padding: 1em;
    margin-left: 15%;

}

main img {
    width: 100%;
    border: solid 1px white;
}
#nav {
    margin-top: -1.25em;
    font-size: 1.25em;
}

#nav a:hover {
    font-weight:bold;
    
}

h1 {
    font-family: Audiowide;
    color: white;
    font-size: 3em;
    text-shadow: 6px 3px #3c263f;
    margin-top: 0em;
    margin-bottom: 0em;
}

h1 a {
    text-decoration: none;
    color: white;
}

h1 a:hover {
    text-decoration: none;
    color: white;
}

h1 a:visited {
    text-decoration: none;
    color: white;
}
h2 {
    font-family: Audiowide;
    color: white;
    font-size: 1.5em;
    text-shadow: 6px 3px #3c263f;
    /* margin-left: 1em; */
    margin-bottom:-0.5em;
}
h3 {
    margin-top: -1;
    margin-bottom: 0em;
    font-family: 'Audiowide';
    color:#3c263f;
    font-size:1.5em;
    text-align: right;
}


h4 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style:italic;
    color:#201522;
    /* margin-top:auto; */
}

p {
    font-family: Georgia;
    color: white;
    line-height: 1.25em;

}
a {
    color: #f5f4b4;
}
a:visited {
    color: #201522;
    
}

ul {
    font-family:Georgia, 'Times New Roman', Times, serif;
    color: white;
}

ol {font-family: Georgia, 'Times New Roman', Times, serif;
    color:white;}

li { line-height: 1.25em;
margin-bottom: 1em;}

#members {
    width: 90%;
    /* margin-left: 10%; */
    color: white;
    font-family: Georgia, 'Times New Roman', Times, serif;

}

#members ol li {
    margin: 0em;
}

#members ul li {
    list-style: none;
    margin-left: -1em;
}

#events {
    color: white;
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-align: center;   
}

#events h2 {
    margin-bottom: -0.5em;
}

#events ul li {
    margin: 0px 0px 0px -2em;
    list-style: none;

}

.links img {
    /* text-align: center; */
    width: auto;
}
.links {
    text-align: center;
}


@media screen and (max-width: 600px) {
    main {
        /* align-items: center; */
        width: 75%;
        left: 5%;
    }
    p {
        /* color:red; */
        font-size: 1.25em;
        line-height: 1.25em;
    }

    li {
        font-size:1.25em;

    }
    #nav {
        margin-top: 0.25em;
        font-size:1.25em;
    }

    main {
        margin: 1em;
    }

    h1 {
        font-size: 2em;
    }

    h3 {
        /* margin-top: -1em; */
        font-size: 1.25em;
    }
    
}

@media screen and (min-width:800px) {
    main {
        width: 50%;
        margin-left: 25%;
    }
    h3 {
        font-size: 2em;
        margin-top:-0.4em;
    }
    #nav {
        margin-top:0.5em;
    }
}