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

#css-zen-garden {
    background-color: darkcyan;
    font-family: Georgia, 'Times New Roman', Times, serif;
    border: 8px dashed darkgray;
    padding: 2em;
    color:rgba(4, 0, 255, 0.692);
    text-align: center;
    
    
}

a {
    font-weight: bolder;
}

.intro {
    color:rgba(4, 0, 255, 0.692);
    text-align: center;
    
}
h1 {

    
    padding: 10px;
    border-bottom: 4px blueviolet solid ;
    text-align: ;
    /* margin-left:; */
}

h2 {
    font-style:italic;
    text-align: left;
    text-indent: 4em;
    padding: 1em;
    
}

h3{
    
    padding: 1em;
    font-style:italic;
    text-align: left;
    text-indent: 10em;
}

.summary {
    color: black;
    padding: 10px;
}

p {
    margin-left: 18em;
    color: black;
    padding: 10px;
background-color: darkgray;
}

.preamble{
   
    padding: 10px;
}

.requirements {
    
}

.view-css {
    
    list-style-position: inside;
    position: absolute;
    top: 260px;
    width: 200px;
    height: 80px;}

.resources {
    background-color: beige;
    list-style-position: inside;
    position: absolute;
    top: 1000px;
    left: 40px;
    width: 200px;
    height: 80px;
    text-indent: 2em;
    border: 4px solid black;
}
.css-resources{
    background-color: beige;
    list-style-position: inside;
    position: absolute;
    top: 1080px;
    width: 200px;
    height: 80px;
}

.zen-faq {
    background-color: beige;
    list-style-position: inside;
    position: absolute;
    top: 1100px;
    width: 200px;
    height: 80px;
}
.zen-submit {
    background-color: beige;
    list-style-position: inside;
    position: absolute;
    top: 1120px;
    width: 200px;
    height: 80px;
}

.zen-translations {
    background-color: beige;
    list-style-position: inside;
    position: absolute;
    top: 1140px;
    width: 200px;
    height: 80px;

}

ul {

    list-style-position: inside;

    
}