*{
  margin: 0; padding: 0; border: 0; box-sizing: border-box;
}

body{
    background-image: url(/images/moon2.jpg);
    background-color: rgb(170, 186, 187);
    font-family: verdana;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;

}

.navvy {
    font-size: 200%;
    background-color: rgb(255, 255, 255,.6);
    width: 150px;
    margin:auto;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px; margin-top: 10px;

}
.navvy a {
    color: rgb(255, 255, 255,.7);
    background: rgb(38, 202, 210,.6);
    border-radius: 10px; 
}

.navvy:hover {
    background-color: rgb(0, 0, 0, .4);
}
.navvy a:hover {
    background-color: rgb(0, 0, 0, .4);
}

nav {
    color: white;
}

header {
    text-align: center;
}

h1 {
    text-align: center;
    font-size: 500%;
    font-family: 'Rubik Moonrocks';
    color: rgb(255, 255, 255, .8);
    outline-style: solid;
    padding: 50px;
}


/* h2, h3 {
    color: white;
    margin-top: 50px;
    text-align: center;
} */

.summary {
    text-align: center;
}

.lastmiddle {
    text-indent: 50px;
}

p {
    color: rgb(255, 255, 255);
    background: rgb(82, 82, 82, .7);
    padding: 5px;
    border: 10px black;
    text-indent: 50px;
}



h2 {
        display: block;
        background-color: rgb(168, 238, 255, .5);
        color: rgb(3, 217, 232);
        font-weight: bold;
        text-decoration: none; /* get rid of the underline */
        border-radius: 30px;
        padding: 12px; /* space between text and border */
        width: 500px;
        margin-bottom: 20px;
        margin: auto;
        text-align: center; /* center the text within a block */
        text-shadow: 5px 5px 3px rgb(47, 47, 47);
}

h3 {
        background-color: rgb(60, 232, 212, .5);
        color: rgb(229, 93, 177);
        font-weight: bold;
        border-radius: 30px;
        padding: 12px; /* space between tex and border */
        width: 400px;
        margin: 10px auto 20px auto;
        text-align: center; /* center the text within a block */
        text-shadow: 5px 5px 3px rgb(49, 49, 49);
}


.select {
    text-align: center;
    padding: 10px;
    margin: auto;
}

.archives {
    text-align: center;
    padding: 10px;
    margin: auto;
}

.resources {
    text-align: center;
    padding: 10px;
    margin: auto;
}

.zen-resources {
    text-align: auto;
    margin: auto;
}

li {
    text-align: center;
    padding: 5px;
}

footer {
    text-align: center;
    margin: 30px;
}

[role=contentinfo] {
    text-align: center;
}

p a {
    color: lightcoral;
}

footer a {
    color: lightcoral;
}

aside a {
    color: lightcoral;
}