* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}
body {
    background-image: url(/images/garden.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 5px dashed;
    border-color: red blue green yellow;
    padding: 2em;
    
}

.page-wrapper {
    background-color: rgb(34, 34, 34, .5);
}
.intro {
    padding: 2em;
}
h1 {
    color: yellowgreen;
    font-size: 100px;
    font-style: oblique;
    text-align: center;
    text-decoration-line: underline;
    text-decoration-thickness: 3px;
    text-decoration-style: wavy;
    text-decoration-color: saddlebrown; 
}

h2 {
    color: white;
    padding: 5px;
    text-align: center;
    
}

h3 {
    color: dodgerblue;
    padding: 5px;
    font-size: 25px;
}
.preamble {
    color: lavenderblush;
    text-align: center;
    
    background-color: rgb(37, 26, 26, .5);
    border: solid darkred;
}

#zen-supporting {
    color: lavender;
}

.explanation {
    text-align: center;
    width: 50%;
    float: left;
    border: solid darkred;
    background-color: rgb(37, 26, 26,.5);
    padding: 4em;
    border-radius: 40px 20px;
    
}

.participation {
    border: solid darkred;
    width: 50%;
    float: right;
    margin-top: 12em;
    background-color: rgb(37, 26, 26, .5);
    text-align: center;
    margin-top: 1cm;
}

.benefits {
    border: solid darkslateblue;
    width: 50%;
    float: right;
    margin-top:1em;
    background-color: rgb(107, 1, 1, .5);
    b
    text-align: center;
    text-shadow: darkslateblue;
}

.requirements {
    width: 50%;
    float: left;
    border: solid darkslateblue;
    background-color: rgb(107, 1, 1, .5);
    margin-top: ;
    text-align: center;
    margin-top: 4em;
}

.design-selection {
    width: 50%;
    float: right;
    border: solid darkslateblue;
    background:rgb(37, 26, 26, .5);
    margin-top: 5em;
    text-align: center;
    padding: 1em;
    border-radius: 100%;
    list-style: inside;
    
}

.design-archives {
    
    width: 50%;
    background-color: solid  black;
    text-align: center;
    float: ;
}

.zen-resources {
    width: 30%;
    float: right;
    border: solid darkslateblue;
    margin-right: 1.5in;
    text-align: center;
    list-style: inside;
}

li {
    color: whitesmoke;
}

a{
    color: whitesmoke;
}

p {
    padding: 5px;
    text-align: left;
}

#zen-summary {
    color: white;
    padding: 2em;
    margin-left: 15em;
}