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

body {
    background-image: url("images/pretty.jpg");
    color: black;
    padding: 20px;
    background-size: cover;
    position: center;
}

/*
.page-wrapper {
    border: 4px solid hotpink;
    padding: 25px;
    padding-top: 10px;
} */

#zen-intro {
    float: left;
    width: 42%;
    background-color: #DEE6FA;
    color: #224;
    padding: 20px;
    border: 2px solid blue;
    border-radius: 20px;
    line-height: 1.5;
    text-indent: 1em;
}

#zen-intro h2, h3 {
    text-indent: 0;
    font-size: 17pt;
    text-align: center;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight: normal;
    letter-spacing: 2px;
}

#zen-summary h3 {
    color: #03045E;
}

.preamble {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #151B54;
}

h1 {
    text-indent: 0;
    font-size: 34pt;
    letter-spacing: 10px;
    text-align: center;
    color: #00FFEF;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background-color: navy;
    margin-bottom: 10px;
    border: 2px solid #00FFEF;
}

.explanation {
    border: 2px solid green;
    padding: 15px;
    width: 57%;
    float: right;
    border-radius: 20px;
    color: rgb(43, 92, 18);
    background-color: #D0F0C0;
    line-height: 1.5;
}

.explanation h3 {
    text-align: center;
    font-size: 17pt;
    color: olive;
}

.participation {
    border: 2px solid orangered;
    border-radius: 20px;
    float: right;
    width: 57%;
    padding: 15px;
    margin-top: 15px;
    background-color: #FED8B1;
    color: rgb(195, 88, 23);
    line-height: 1.5;
}

.participation h3 {
    font-size: 15pt;
    color: rgb(248, 114, 23);
}

#zen-benefits {
    border: 2px solid #595959;
    float: left;
    width: 42%;
    border-radius: 20px;
    padding: 15px;
    margin-top: 15px;
    background-color: #D8D8D8;
    color: #4C4C4C;
}

#zen-benefits h3 {
    color: #262626;
    font-size: 17pt;
    margin-bottom: 8px;
}

#zen-requirements {
    border: 2px solid purple;
    float: right;
    width: 57%;
    border-radius: 15px;
    margin-top: 15px;
    background-color: #F7D2FE;
    color: #590168;
    padding: 15px;
    line-height: 1.5;
}

#zen-requirements h3 {
    color: rgb(226, 56, 236);
    font-size: 17pt;
    margin-bottom: 8px;
}

p {
    font-size: 14pt;
    text-indent: 1em;
    line-height: 1.5;
}

a {
    color: rgb(128, 128, 128);
    text-decoration: none;
    font-style: italic;
}

footer {
    text-indent: 2em;
    color: black;
    font-weight: bold;
    padding-top: 10px;
}

.design-selection {
    border: 2px solid yellow;
    border-radius: 20px;
    float: left;
    width: 42%;
    margin-top: 15px;
    padding: 15px;
    background-color: #FFFAA0;
    color: #FFA700;
    line-height: 1.5;
    text-align: center;
}
    
ul li {
    list-style: none;
}

.design-selection a {
    color: #FFA700;
}

.design-selection h3 {
    color: #FFC000;
    margin-bottom: 10px;
    font-size: 17pt;
}

#design-archives {
    border: 2px solid red;
    border-radius: 20px;
    float: left;
    width: 15%;
    margin-top: 15px;
    padding-left: 15px;
    background-color: rgb(252, 115, 115);
    color: rgb(75, 4, 4);
    line-height: 1.5;
    text-align: center;
    margin-left: 15px;
    padding: 15px;
}

#design-archives a {
    color: rgb(75, 4, 4);
}

#design-archives h3 {
    margin-bottom: 10px;
    font-size: 17pt;
}

#zen-resources {
    border: 2px solid purple;
    float: left;
    width: 24.5%;
    border-radius: 15px;
    margin-top: 15px;
    background-color: #F7D2FE;
    color: #590168;
    padding: 15px;
    line-height: 1.5;
    margin-left: 15px;
    text-align: center;
}

#zen-resources h3 {
    margin-bottom: 10px;
    font-size: 17pt;
}