@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900|Ruthie');

body
{
	background-color: #FFFACF;
	font-family: 'Lato', sans-serif;

}

.designer-name
{
	font-family: 'Ruthie', cursive;
	font-size: 1.75em;
}



abbr[title], acronym[title]
{
	text-decoration: none;
}


a
{
	color: #78D17A;
}


a:hover { 
    color: #6F7F70;
}


.page-wrapper
{
	display: grid;
	grid-template-columns: 60% 40%;
	grid-template-rows: 40fr 60fr;
}

h3
{
	font-size: 1em;
	color: #CCBF4E;
	font-weight: 600;
}

.main h3
{
	font-size: 1em;
	color: #CCBF4E;
	font-weight: 600;
	float: left;
	margin: none;
	padding: .05em .5em .05em .05em;
}

.preamble h3
{
	font-size: 1em;
	color: #CCBF4E;
	font-weight: 600;
	position:static;
}


header h2
{
	font-size: 4em;
	font-weight: 400;
	text-align: center;
	color: #EDE27E;
	text-transform: uppercase;	
	border-bottom: solid #EDE27E .05em;
	margin-top: .05em;
	padding-bottom: .25em;
	text-shadow: 2px 1px black;


}

header h1
{
	font-size: 9em;
	font-weight: 900;
	text-align: center;
	color: #EDE27E;
	margin-bottom: .01em;
	margin-top: .1em;
	text-transform: uppercase;
}

header
{
	background-image: url("https://svgsilh.com/svg/37685-795548.svg"),  url("https://svgsilh.com/svg/37894-795548.svg");
	background-repeat: no-repeat;
	background-size: 15%;
	background-position: bottom right, bottom left; 

}

.intro
{
	grid-column: 1/3 ;
	grid-row: 1/2;
}

.supporting
{
	grid-column: 1/2 ;
	grid-row: 2/3 ;
}

.sidebar
{
	grid-column: 2/3 ;
	grid-row: 2/3 ;
	background-color: rgba(237, 226, 126, 0.5);
	padding: 1em;
	text-align: center;
	font-size: 1.25em;
}

ul
{
	list-style-type: none;
}

div
{
	padding: .25em;
}

.main
{
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-template-rows: 7fr, .05fr, .05fr;

}

.explanation
{
	grid-column: 1/3;
	grid-row: 1/2;
	height: 10%;
}

.participation
{
	grid-column: 1/2;
	grid-row: 2/3;
	padding: .5em;
}

.benefits
{
	grid-column: 2/3;
	grid-row: 2/3;
	padding: .5em;
}


.requirements
{
	grid-column: 1/3;
	grid-row: 3/4;
	padding: .5em;
}