/* http://meyerweb.com/eric/tools/css/reset/ 
           v2.0 | 20110126
           License: none (public domain)
        */

        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed, 
        figure, figcaption, footer, header, hgroup, 
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }
        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure, 
        footer, header, hgroup, menu, nav, section {
            display: block;
        }
        body {
            line-height: 1;
        }
        ol, ul {
            list-style: none;
        }
        blockquote, q {
            quotes: none;
        }
        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

       /*reset above*/

       body {
            background-color: white;
            font-size: 16px;
        }

        h1 {
            font-family: 'Yeseva One', cursive;
            color: black;
            font-size: 4em;
            margin-top: 50px;
            margin-left: 50px;
        }

        h2 {
            font-family: 'Roboto Serif', sans-serif;
            color: black;
            padding-top: .5%;
            margin-left: 40px;
            font-size: 1.2em;
            margin-left: 50px;
        }

        p {
            font-family: Helvetica;
            font-size: 1.5em;
            padding: 1%;
            padding-left: 8%;
            max-width: 800px;
            margin: 1%;
        }

        img {
            max-width: 700px;
            padding: 2%;
            margin-left: 180px;
        }   

        img a {
            color: lightgoldenrodyellow;
        }

        nav {
            padding: 1%;
            font-family: 'Staatliches', cursive;
            font-size: 24px;
            min-width: 490px;
        }

        nav ul {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 1.2px;
            margin-top: 1px;
            padding: 1%;
        }

        nav li a  {
           display: block;
           padding: 3%;
           text-align: center;
           background-color: goldenrod; 
        }

        a:link, a:visited {
            color: black;
            text-decoration: none;
        }

        a:hover, a:focus {
            color: #403d39;
        }

        footer {
            padding: 1%;
            text-align: center;
        }

        #links {
            color: black;
            background-color: #232528;
            width: 600px;
            margin-left: 880px;
            text-decoration: underline;
            padding: 7px;
        }

        #bio {
            background-color: #232528;
            width: 600px;
            margin-left: 180px;
            text-decoration: underline;
            padding: 7px;
        }

        footer {
            margin: 20px;
        }

        /*div.a {
            text-decoration: underline;
        }*/

        a:link {
/*            color: red;*/
            text-decoration: underline;
        }

        /* a:visited {
            color: red;
        }*/