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

body 
    { 
    background-image: url(../images/zen-garden-image1.jpg);
    border: 22px solid blue;
    margin: 0px;
    padding: 5px; 
    }
header 
    { 
    border: 2px solid rgb(12, 158, 177,);
    text-align: center;
    background-color: rgba(86, 245, 245, 0.568);
    }
p   { 
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12;
    text-indent: 10px;
    }
h1  { 
    font-size: 20pt;
    font-family:sans-serif;
    }
h2  { 
    font-size: 25pt;
    font-family: sans-serif;
    }
#zen-summary 
    {   
    border: 2px solid black;
    background-color: aqua;
    text-align: center;
    font-size: 11pt; 
    height: 60px;
    padding-top: 8px;
    }
#zen-preamble
    {   
    border: 2px solid rgb(8, 71, 241);
    background-color: rgba(0, 255, 255, .8);
    text-align: left;
    margin-right: 45%;
    height: 330px;
    padding-top: 2px;
    
    }
h3  {
    font-size: 16pt;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-align: center;
    border:1px; border-style:solid; border-color:#23f810; padding: 2pt;
    }
#zen-explanation
    { 
    border: 2px solid rgba(7, 7, 7, 0.61);
    background-color: rgb(7, 170, 170);
    margin-left: 45%;
    height: 330px;
    padding-top: 2px;
    }
#zen-participation
    {
    border: 2px solid rgb(5, 187, 126);
    background-color: aquamarine;
    margin-right: 45%;
    }
#zen-benefits
    {
    border: 2px solid rgb(57, 75, 235);
    background-color: aqua;
    margin-left: 45%;
    }
.background 
    {
    background-image: url(../images/mountshasta.JPG);
    background-size: cover;
    /* filter: opacity(50%); */
    min-height: 600px;
    background-position: center 70%; 
    }
#zen-requirements
    {
    border: 2px solid blue;
    background-color: aqua;
    margin-right: 45%;
    }
#design-selection
    {
    border: 1px solid blue;
    background-color: rgb(139, 240, 119);
    color: black;
    text-align: center;
    margin-left: 45%;
    height: 380px;
    
    }
#design-archives
    {
    border: 1px solid green;
    background-color: rgba(126, 236, 159, 0.966);
    color: black;
    text-align: center;
    margin-right: 45%;
    height: 155px;
    }
#zen-resources
    {
    border: 2px solid rgb(227, 250, 23);
    background-color: rgb(18, 245, 215);
    color: black;
    text-align: center;
    margin-left: 45%;
    
    }
.button1 
    {
    display: inline-block; /* make them into a block element*/
    background-color: rgb(50, 134, 230);
    color: black;
    font-weight: bold;
    text-decoration: underline; /*remove the underline*/
    border-radius: 12px;
    padding: 8px; /* space between text and border */
    width: 94px;
    text-align: center;
    margin: 5px;
    
    /* transition effect for button hover */
    transition: all 300ms ease-in-out;
    } 
.button1:hover 
    {
    background-color: rgb(245, 60, 199);
    color: black;
    }
.select-a-design
    { 
    text-align: left;
    padding-left: 20px;
    }
.button2 
    {
    display: inline-flex; /* make them into a block element*/
    background-color: rgb(50, 134, 230);
    color: black;
    font-weight: lighter;
    text-decoration: underline; /*remove the underline*/
    border-radius: 8px;
    padding: 5px; /* space between text and border */
    width: 150px;
    text-align: center;
    margin: 5px;
    /* transition effect for button hover */
    transition: all 300ms ease-in-out;
    } 
    .button2:hover 
    {
    background-color: rgb(247, 39, 39);
    color: black; 
    }
header p
    {
    text-align: right;
    margin-left: 50%;
    padding-right: 6px;
    font-size: 35;
    font-weight: bold;
    }

.button3 
    {
        display: inline-flex; /* make them into a block element*/
        background-color: rgb(5, 255, 25);
        color: black;
        font-weight: lighter;
        text-decoration: underline; /*remove the underline*/
        border-radius: 8px;
        padding: 5px; /* space between text and border */
        width: 200px;
        text-align: center;
        margin: 5px;
        font-size: 25px;
    
        /* transition effect for button hover */
        transition: all 300ms ease-in-out;
    }
.button3:hover 
        {
            background-color: rgb(227, 250, 23);
            color: black; }