/* css Zen Garden Project */
@import url('https://fonts.googleapis.com/css2?family=Special+Gothic+Expanded+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Danfo&display=swap');
/* reset */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* new stuff below */

main {width: 80%; margin:auto;padding:7rem; background-color:#e31009;}
body {font-family: Special Gothic Expanded One, sans-serif;text-align: center; font-size: 1.3rem;background-image:url('square-red.jpg');}
p {font-family:Special Gothic Expanded One, sans-serif;line-height:1.3em;}
footer{background-color:#800026;width:100%;padding: 20px; margin: 20px; border-radius: 15px;}
h1,h2,h3 { font-family:Danfo,sans-serif; font-size: 3em;margin-bottom:1em;color:#ffca9c;}
a:link{color:orange}
.summary{float:right;width: 300px;
  border: 15px solid maroon;
  padding: 50px;
  margin: 20px;background-image:url('mod-circle.jpg');color:#ffca9c;}
  
.preamble{background-color:#ff7644;}

.explanation{background-color:#ff6736;}

.participation{background-color:#ff5628;}

.benefits{background-color:#ff4119;}

.requirements{background-color:#ff2308;}

.design-selection{float:right;width: 300px;
  border: 15px solid maroon;
  padding: 50px;
  margin: 20px;background-image:url('mod-circle.jpg');}
.zen-resources{font-size: .9em; float:right;width: 300px;
  border: 15px solid maroon;
  padding: 50px;
  margin: 20px;background-image:url('mod-circle.jpg');}
.design-archives{float:left;width: 300px;
  border: 15px solid maroon;
  padding: 50px;
  margin: 20px;background-image:url('mod-circle.jpg');}