@import url('https://fonts.googleapis.com/css?family=Lora:400,400i|Poppins:400,700');



.page-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background-color: #D4EABF;
	color:#83AD5B;
	padding: 35px;
}

h1{
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size:6.5em;
text-align:center;
color:#45826B;
margin-bottom:0px;
margin-top: 30px;
transition: transform .2s;
}
h1:hover{transform: scale(1.19);
transform: rotate(2deg);}

h2{
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size:2em;
padding-bottom: 0px;
text-align: center;
color:#45826B;
margin-top: 0px;
transform: rotate(0deg);
}

h3{
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size:2em;
text-align:left;
color:#B3BC63;
margin-bottom: 0px;
transform: rotate(-1deg);
transition: transform .2s;
}

h3:hover{transform: scale(1); }

body{
font-family: 'Lora', sans-serif;
font-weight:400;
padding: 50px;
background-color: #D4EABF;
background-image: url("groovy.jpg");
}

section{
	grid-column: span 3;
}

/* unvisited link */
a:link {
    color: #ce2323;
}

/* visited link */
a:visited {
    color: #FF00FF;
}

/* mouse over link */
a:hover {
    color: #ff3d3d;
}

/* selected link */
a:active {
    color: #308edb;
}

.intro{
padding: 0px;
text-align:center;
}
.preamble{
	text-align: left;
	padding-right:8em;
	margin-top:0;
	margin-bottom:0;
}
.summary{
	font-family: 'Lora', sans-serif;
	font-weight: 400i;
	font-style: italic;
	padding: 0px;
	font-size:.9em;
	margin-right:em;
}

.select{text-align: left;}
.archives{text-align: left;}
.resources{text-align: left;}

.wrapper{margin: .5em;}

.sidebar{
	margin:6em;
	font-size: .85em;
}

p{margin-top: 0}

.design-selection{text-align: left}
.design-archives{text-align: left}
.zen-resources{text-align: left}

@media screen and (max-width: 700px) { 
	.page-wrapper{display:block;}
	body{padding: 0px;}
	h1{font-size:3.3em;}
	.preamble{padding-right:0em;}
	body{transform: rotate(0deg);
		
}



D4EABF
83AD5B
45826B
B3BC63
45826B
46711D