@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Abel|Questrial');



h1 {
text-align: center;
width: auto;
height: 100%;	
font-family:abel;
background-color:brown;
}

h2 {
text-align: center;
font-family:questrial;
padding-bottom: 10%;	
}

p {font-family:abel;}


h3 {font-size: 3em;	
margin:0;
padding:0;
font-family:questrial;
color:brown;}




.page-wrapper {
height: 100%;
width: 60%;
padding-left: 25%;}

.page-wrapper {
min-width: 30%;
max-width: 300%;
min-height: 30%;
max-height: 300%;	
}

.intro{
display: grid;
grid-template-columns: 1fr 1fr;
width: 88.5%;
height: 50%;	
}




h1 {font-size: 12em;
color:floralwhite;
padding-right:80%;
letter-spacing: 20px;}

h2 {font-size: 4.2em;
color:black;
padding-left:5%;
padding-right:5%;
letter-spacing: 6px;
}

a:link{
text-decoration: none;
color:teal;
}

a:hover{
color:tomato;	
}
.summary {text-align:center;	
font-size: 2em;
font-style: italic;	
color: black;	
height: 10%;
width: 40%;	
margin: auto;
}

.summary{
padding-left: 10%;
padding-right: 10%;}

.preamble {text-align: justify center;	
font-size: 2em;
color:black;
float:left;	
width: 190%;	
height: auto;
line-height: 130%;}


.main .supporting{}


.explanation {
width: 49%;
padding-left: 39.5%;
height: auto;
line-height: 180%;
color:black;
background-color:floralwhite;
background-image:url("zengarden2019/Zen_2.jpg");
background-repeat: no-repeat;
background-size:44% 100%;
background-position: left;
opacity: 0.5;
filter: alpha(opacity=50);}

.explanation:hover{
 opacity: 1.0;
	filter: alpha(opacity=100)}




.participation {background-color:floralwhite;
opacity: 0.5;
filter: alpha(opacity=50);
color:black;	
text-align: justify center;
padding-right: 50%;
width: 38.5%;
height: auto;
line-height: 180%;
background-image: url("zengarden2019/zen-1.jpg");
background-repeat: no-repeat;
background-size: 56.5% 100%;
background-position: right;	
}

.participation:hover{
 opacity: 1.0;
filter: alpha(opacity=100);}
	
	
.main-supporting{}

.benefits {	
text-align: justify center;
float:right;	
width: 10%;
height:auto;
line-height: 180%;}

.requirements {background-color:floralwhite;
opacity: 0.5;
filter: alpha(opacity=50);	
text-align: justify center;
padding-left: 50%;
width: 39%;
height: auto;
line-height: 180%;
color:black;
background-image:url("zengarden2019/zen_4.jpg");
background-repeat: no-repeat;
background-position: left;
background-size: 53.5% 100%	
}

.requirements:hover{
 opacity: 1.0;
filter: alpha(opacity=100);}

footer{
float:right;
font-size: 3em;
letter-spacing: 10px;
width: 10%;
height: auto;	
font-family:abel;}

.wrapper {display: grid;
grid-template-columns: auto auto auto;
padding: 10px;	
background-color:floralwhite;
font-family:abel;
text-align: justify center;
width: 88.5%;
height: auto;
line-height: 180%;
background-image: url("zengarden2019/zen_3.jpg");
background-repeat:no-repeat;
background-size: cover;	
	
}