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

body{
    background-color: #E9AFA3;
}

.intro{
    border: 4px solid transparent;
    padding: 16px;
    background-color: #F9DEC9
}

h1, h2{
    border: 2px solid transparent;
    border-radius: 100%;
    background-color: #AEC5EB;
    width: fit-content;
    padding: 100px;
    font-family: 'Mali', cursive;
}

h1{
    margin-left: 32vw;
    letter-spacing: 4px;
    font-size: 264%;
}

h2{
    margin-left: 40vw;
    letter-spacing: 8px;
}

.zen-intro > h3{
    font-family: 'Mali', cursive;
}

#zen-summary{
    border: 2px solid transparent;
    background-color: #E9AFA3;
    width: fit-content;
    text-align: center;
    margin: auto;
    margin-top: 16px;
    padding: 8px;
}

h3{
    font-family: 'Mali', cursive;
}

p{
    font-family: 'Baloo 2', cursive;
    font-weight: bold;
}

#zen-preamble > h3,
#zen-preamble > p
{
    color: #E9AFA3;
}

#zen-preamble{
    border: 2px solid transparent;
    border-radius: 100%;
    background-color: #3A405A;
    width: fit-content;
    padding: 100px;
    margin-left: 8%;
    margin-right: 48%;
    margin-top: 56px;
}



/*--------------------------------------End of Intro-*/

#zen-supporting > div{
    border: 4px solid transparent;
}

#zen-supporting{
    padding: 32px;
    margin-bottom: 4%;
    background-color: #3A405A;
}


.explanation > h3,
.participation > h3,
.benefits > h3,
.requirements > h3
{
    border: 2px solid transparent;
    border-radius: 15px 15px 15px 15px;
    width: fit-content;
    margin: auto;
    padding: 8px;
    background-color: #F9DEC9;
}

.explanation > p, .participation > p,
.benefits > p, .requirements > p
{
    border: 2px solid transparent;
    border-radius: 15px 15px 15px 15px;
    width: fit-content;
    padding: 8px;
    background-color: #AEC5EB;
}

.explanation, .benefits{
    margin-right: 52%;
}

.participation, .requirements{
    margin-left: 52%;
}

footer{
    border: 2px solid transparent;
    margin-top: 8px;
}

footer > a{
    border: 1px solid #E9AFA3;
    border-radius: 15px 15px 15px 15px;
    padding: 4% 4% 4% 4%;
    background-color: #685044;
    color: #AEC5EB;
}

/*---------------------End of supporting-*/

aside{
    border: 4px solid transparent;
    margin: 24px;
    padding-top: 4%;
    margin-bottom: -64%;
    background-color: #AEC5EB;
}

.design-selection > h3,
.design-archives > h3,
.zen-resources > h3
{
    border: 2px solid transparent;
    border-radius: 100%;
    background-color: #E9AFA3;
    padding: 2%;
    width: fit-content;
    margin: auto;
    font-size: 232%;
}

ul{
    border: 2px solid transparent;
    background-color: #F9DEC9;
    width: fit-content;
    padding: 2%;
    position: auto;
    margin-bottom: 16px;
    margin: auto;
    font-size: 200%;
}