@charset "UTF-8";

/*  My theme is zenDeco, licensed under CC2.
My name is Lisa Allison.

All images used under Creative Commons license courtesy of Pixabay.

All fonts used under Creative Commons license courtesy of Google Fonts.

This page may be used under Creative Commons license CC BY SA.

*/

@import url('https://fonts.googleapis.com/css2?family=Federo&family=Limelight&family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fascinate+Inline&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap');


.page-wrapper{
	width:1000px;
	margin:0 auto; 
	font-family:Federo;
background:rgba(226,193,150,8)
}


h1 {text-align: center;
	font-family:Limelight; 
	font-size: 70px; font-weight:70;
	color:rgba(20,34,43,4);
}

h2 {text-align: center;
	margin-top:-60px;
	padding-bottom:20px;
	font-family: Limelight;
	font-weight:60;
color:rgba(194,88,71,42);}


h3{box-sizing:border-box;
	padding-left:15px;
background-color:rgba(112,127,104,9);
font-family:Limelight;
color:rgba(224,187,46,4);
font-weight:50;}


.summary {box-sizing:border-box; 
	text-align:center;
	margin-top:-22px;
color:rgba(20,34,43,4);}


.summary::after {

 content: url("womanmovefinal.gif");

  position:absolute;

  left:50%;

  top: 255px;
	margin-left:-500px;

}


.preamble{box-sizing: border-box;
	margin-top:700px;
    margin-left:50px;
	margin-right:450px;
	color:rgba(20,34,43,4)
}


.preamble::after {
	content:url("starduplicate1.png");
	position:absolute;
	
	top:1000px;
	left:50%;
	margin-left:90px;
	
}


.explanation {
	box-sizing: border-box;
	margin-top:15px;
	margin-bottom:40px;
	margin-left: 50px;
	margin-right:450px;
	color:rgba(20,34,43,4)
}
	

.participation {
	box-sizing: border-box;
	margin-top: 25px;
	margin-left:450px;
	margin-right: 50px;
	color:rgba(20,34,43,4)
}



.participation::before {
	content:url("starduplicate2.png");
	position:absolute;
	
	top:1535px;
	left:50%;
	margin-left:-430px;
}



.benefits{
	box-sizing: border-box;
	margin-top: 20px;
	margin-left: 450px;
	margin-right:50px;
	color:rgba(20,34,43,4)
}


.requirements {
	box-sizing: border-box;
	margin-top:40px;
	margin-left: 30px;
	margin-right: 30PX;
	margin-bottom: 60px;
	color:rgba(20,34,43,4)
}



.wrapper h3 {
	margin-right:330px;
}



.design-selection{
	box-sizing: border-box;
	color:gold;
	margin-left:200px;
	padding-top:40px;
	padding-left:280px;
	padding-bottom:70px;
	background: url("frame-1432782_1920.jpg") 	 no-repeat; 
}

/* I hate the bottom of the page but ran out of time. I also want to make the bottom sun move. */

.design-archives {
	box-sizing: border-box;
	background-color:rgba(194,88,71,42);
	margin-top:40px;
	margin-left:500px;
	padding-bottom:20px;
}


.design-archives li a:hover{
	color: rgba(226,193,150,8);
	}

.zen-resources {
	box-sizing: border-box;
	background-color:rgba(194,88,71,42);
	margin-top:-134px;
	  
}


.sidebar li a:link { 
	color: rgba(20,34,43,4);
	}
.sidebar li a:visited {
	color: rgba(224,187,46,4);
	}
.zen-resources {
	padding-bottom:10px;
	}




.design-selection li a {
	font-size: 12px;
	}
.design-selection li a:hover{
	color: rgba(226,193,150,8);
	}
.design-selection a.designer-name {
	font-size: 10px;
	}
.design-selection a {
/*	display: block;*/
	font-weight: bold;
	}
.design-selection a.designer-name {
	display: inline;
	color: rgba(20,34,43,4);
	}


footer { 
	text-align: center; 
	}
footer a:link,
footer a:visited { 
	margin-top: -40px; 
	}