@import url('https://fonts.googleapis.com/css?family=Kaushan+Script|Montserrat|Open+Sans+Condensed:300');

body {
background: -moz-linear-gradient(top, rgba(2,102,147,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(2,102,147,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(2,102,147,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026693', endColorstr='#00ffffff',GradientType=0 );
 
}

.page-wrapper{
  margin-top: 150px; 
  display: inline-grid;
  grid-template-columns: 20% 60% 20%;
}

.intro{
  grid-column-start: 2;
  display: inline-grid; 
  grid-template-columns: auto auto auto;
/*   grid-template-rows: ; */
  font-family: 'Kaushan Script', cursive;
  }

.main {
  grid-row: 2;
  grid-column: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.explanation{
  grid-column: span 3; 
}

.participation{
  grid-column: 2; 
}

.benefits{
  grid-column: 3;  
}

.requirements{
  grid-column: 1; 
  grid-row: 2;
}

.summary{
  text-align: center;
  font-size: 120%;
  grid-column-start: 1; 
}

.preamble{
  grid-row: 1 / span 2; 
  grid-column: 2;
}

h1{
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed; 
  top: 20px;
  left: 0;
  right: 0; 
  text-align: center; 
  font-size: 300%;
}


h2, h3{
  margin: 5px; 
  font-family: 'Kaushan Script', cursive;
  font-size: 190%;
}

p{ 
  margin: 15px;
  font-family: 'Montserrat', sans-serif; 
  font-size: 100%;  
}

a{ 
  color: black; 
}

a:hover{
  color: white; 
  text-shadow:  2px 2px 5px black; 
}

a:active{
  color: white; 
}

footer{
  font-family: 'Kaushan Script';
  margin: 1em; 
  font-size: 2em; 
  text-align: center;
  padding-bottom: 300px; 
  text-decoration: none; 
  grid-column: span 3; 
}

.zen{
  margin: 10px; 
}


aside{
  position: fixed;
  bottom: 0;
  left: 0; 
  right: 0; 
  background-color: rgba(255, 255, 255, 0.8);
  max-height: 30%; 
}

.wrapper{
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}


.design-selection{
  grid-column-start: 2; 
  font-family: 'Montserrat';
  font-size: 100%;
}

.design-archives{
 grid-column-start: 4; 
 font-family: 'Montserrat';
 font-size: 100%;
}

.zen-resources{ 
  grid-row: 1;
  grid-column-start: 3;
  font-family: 'Montserrat';
  font-size: 100%;
}

.extra1{ 
  position: fixed; 
  bottom: -20%; 
  left: -15%; 
  height: 100%; 
  width: 35%;
  z-index: -1;
  background-image: url(https://fiverr-res.cloudinary.com/images/t_main1,q_auto,f_auto/gigs2/77163061/original/2000a4cc77ae0a07d8b8515b10d033bb7d276f3d/write-your-words-in-japanese-and-chinese-calligraphy.png);
  background-size: 80%;
  background-repeat: no-repeat;
  }

.extra2{  
  position: absolute; 
  bottom: -99%; 
  left: 65%; 
  height: 110%; 
  width: 35%;
  z-index: -1;
    background-image: url(http://www.clker.com/cliparts/A/g/b/P/P/y/bamboo-hi.png);
  background-size: 150%;
  background-position: bottom right; 
  background-repeat: no-repeat;
  transform: scaleX(-1);
}