<style>
        
        {
            margin: 0;
            padding: 0;
            border: 0;
            box-sizing: border-box;
        }

        html, body {
           height: 100%;
        }

        body {
            background-color:#9999ff; /* EDIT ME! CHanges bg color of entire page */
            color: AliceBlue; /* EDIT ME! Changes text color of entire page */
            font-family: Arial, Helvetica, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
           
        }

        nav {
            background-color: #9999ff; /* EDIT ME! */
            text-align: center;
            width: 100%;
            position: sticky;
            top: 0;
        }

        nav ul li {
            list-style: none;
            display: inline-block;
            padding: 0.75rem 0.5rem;
            margin: 0;
        }

        nav a {
            color: #ccccff; /* EDIT ME! - colors the links in your navbar*/
            margin: 0;
            font-size: 1.25em;
        }

        nav a:hover {
            color:AliceBlue; /* EDIT ME! - will change the hover on all links within the nav*/
            text-decoration: none; /* removes the underline on links on hover */
        }

        main{
            max-width: 75vw;
            margin: 0 auto;
        }


        h1, h2, h3, h4, h5, h6 {
            margin-top: 2rem;
            margin-bottom: 1rem;
            text-align: center; /*remove this line if you do not want all headings to be centered! */
            color: AliceBlue /* EDIT ME - colors the headings */
        }

        p {
            line-height: 3ch;
        }

        @media screen and (min-width: 700px) {
            main {
                max-width: 50vw;
            }
        }
    </style>
