@charset "utf-8";
body{
	/*max-width: 75em;
	max-height: 210em;
	min-width: 35em;*/
	background-color: orange;
	font-family: 'Open Sans', sans-serif;
}

#logo{
    width: 10%;
    padding: 1em;
}

header{
    width: 75em;
    height: 10em;
    background-color: white;
    margin: 0 auto;
}

nav ul {
    text-align: center;
    margin-top: -130px;
    margin-right: 0px;
}

nav ul li{
text-decoration-line: none;		
list-style-type: none;
float:right;
margin-right: 0.6250em;
padding:1em;
display: inline;
	font-weight: 600;

}


nav ul li a{
	color:black;
	
    text-decoration-line: none;
	
    font-size: 1.2em;
}

nav ul li a:hover{
	text-decoration-line: none;	
	color:rgba(243,117,45,1.00);
	transition: .2s ease;
}

/*----------------------------------------------*/

/*---homecover--*/
#homecoverpage{
    margin-top: -22px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
	background-image: url("images/home.png");
    background-color: antiquewhite;
    width: 75em;
    height: 40em;	
		
}

.infe {
	color:white;
    width: 20em;
    float: left;
    margin-top: 267px;
    /* [disabled]margin-right: 53px; */
    margin-left: 108px;
}
.infen{
width: 20em;
    float: left;
    margin-top: 267px;
    /* [disabled]margin-right: 53px; */
    margin-left: -241px;	
	
color:#F3752C;	
}

/*--------------------------------------------ABout------------------------*/


#Aboutcover{
    margin-top: -1.3em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    marign-top: 12px;
    background-color: cadetblue;
    width: 75em;
    height: 40em;
    background-image: url("images/about1.png");
}

#Aboutcover h1{
	color:white;
    width: 35%;
    padding-top: 1em;
    padding-right: 3em;
    padding-left: 1em;
    padding-bottom: 1em;
    float: right;
    margin-top: 10em;
}



/*----------------------------------------Lessoncover-------------------------------------------------------------*/
#Lessoncover{
    width: 75em;
    height: 40em;
    margin-top: -2em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    background-color:white;
}

#Lessoncover h1{
text-align: center;
padding: .5em;
font-size: 250%;
color:#F3752C;

}
#Lessoncover h2{
color:#F3752C;	
	
}

#Lessoncover ul li{
	list-style-type: none;
	text-decoration-line: none;	
	padding-right: 1em;
	margin-right: 1em;
}

#Lessoncover p{
	font-size: 1.178em;
	width:17em;
}

#dumbie1{
	float:left;
    width: 21em;
	
  padding-left:2em;
	list-style-type: none;
    text-align: left;
  
    border-radius: 20%;
}

#dumbie2{
	text-align: left;
    float:left;
    width: 21em;
	
    padding-left: 3.6em;
    list-style-type: none;
    border-radius: 20%;
}

#dumbie31{
	text-align: left;
	padding-right:2em;
	float:right;
  width: 21em;

list-style-type: none;	
border-radius: 20%;
}


#dumbie1 img{
	
	
	border-radius: 5%;
}
#dumbie2 img{
	
	
	border-radius: 5%;
}
#dumbie31 img{
	
	
	border-radius: 5%;
}

.button{
	clear:both;
	margin-top: 29em;
	padding-left: 33em;
	
}

#button1{
	color: #F3752C;
	padding:.7em 2.1em;
	font-size: 1.09em;
	font-weight: bold;
	background-color:black;
	text-align:center;
	text-decoration: none;
	clear:both;
}/*--W3--*/


#button1:hover{
	
	color:white;
	background-color:#F8B58E;
	transition: .5s ease;
	
}


/*---------------------Reviewcover-----------------------------------------------*/

#Reviewcover{
	  background-color:white;
    width: 75em;
    height: 40em;	
	 margin-top: -33px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;

}
#Reviewcover h1{
	
	
	color: #F3752C;
	text-align: center;
	padding: 1em;
font-size: 250%;
	
	
}

/*---------Tammy--------------------*/
#User1work ol li{
	list-style-type: none;
	
}

#User1work{
	width:50%;
margin-top: -1em;
margin-left: 3em;		
}

.tammy{
	width:15em;
	margin-bottom: 9px;
	margin-left: 3.6em;
}
#work1 {
	width:15em;
	border-radius: 2%;
	margin-left:-3em; 
	margin-top: -2em;
}

#stars{
	
float: left;
	width: 6em;
	margin-left: 6em;
}
#icon1{	float:left;
	margin-left: 3.5em;
	margin-top:18.5em;
	width:2.5em;
}
/*---------bobby--------------------*/
#user2work{
	width:50%;	
	float:center;
	margin-left: 32em;
	margin-top: -25em;
}

#user2work ol li{
	list-style-type: none;	
}

#work2{
	width:15em;
	border-radius: 2%;
	margin-left:-3em; 
	margin-top: -2.2em;
}

#icon2{float:left;
	width:2.5em;
	margin-left: -2em;
	margin-top:-6.5em;
	
	
}
#stars1{
	
float: left;
	width: 6em;
	margin-left: 1.2em;
	margin-top: -.5em;
}

.bobby{
	line-height: 1.39em;
	width:12.5em;
	margin-top: 1em;
	margin-left: -1em;	
}

/*-------------------------Joe .M----------------*/

#user3work{
float:right;	
margin-right: 5em;	
margin-top: -28.6em;
}

#user3work ol li{
	list-style-type: none;	
}

#work3{
width:15em;
	border-radius: 2%;	
margin-right: 4eM;

}

#icon3{
	
float:left;
	margin-right: -3.3em;
	width:2.5em;	
	margin-top: 20.5EM;
	margin-left: 1.5em;
	
}

#stars3{	
	float: left;
	width: 6em;
	margin-left: 4.4em;
	
}
.joe{
	margin-left: 2em;
	
}



/*--------------Contact-------------*/
#contactcover{
	  background-color:white;
    width: 75em;
    height: 40em;	
	 margin-top: -33px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}

#contactcover h1{
	color: #F3752C;
    padding-bottom:1em;
    text-align: left;
    padding-top: 3em;
    padding-right: 1em;
    padding-left: 1.8em;
  
    font-size: 250%;
}


#contactcover ol li{
	width:9em;
	list-style-type: none;	
	margin-left:9em;
	margin-top: 3%;
}


	

#contactcover ol li a{
	text-decoration:none;
	color:#000000;	
	
	
}

#contactcover ol li a:hover{
color: #F3752C;
	transition: .2s ease;

	
	
}
#oll{
	margin-top:-16em;
	line-height: 3em;
}


#lights{
	margin-right: 5em;
	float:right;
	width: 30em;
	border-radius: 2%;
	margin-top: -18em;
	
}



#social{
margin-left: -4em;
		
}

#inta{
	width:3em;	
}

#you{
	width:3em;
}

#red{
	width:3em;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ABOUT PAGE----------------1200 640-----------------------------------------------------------------------*/
#aboutpage{
	    width: 75em;
    height: 40em;
	margin: 0 auto;
	margin-top: -1.7em;
	background-color: navajowhite;
	background-image: url("images/aboutcover.png");
}

#aboutpage h1{ 
	color:white;
	padding-left:.5em;
	font-size: 2.5em;
	padding-top:2em; 
text-align:center;	
	
	
	
}

#LBT h4{
	color:white;
	margin-top:10em;
	margin-left:35em;
	padding-top:1em;
	text-align:center;
	width: 7em;
	height: 2.5em;
	background-color:rgba(243,117,45,1.00);
	
}



#aboutpage p{
	color:white;
	margin-top:4.3em;
	margin-left: 24.5em;
	width: 27em;
	text-align:center;
	
	
	
	
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Lesson PAGE---------------------------------------------------------------------------------------*/
#lessonpage{
	 width: 75em;
    height: 40em;
	margin: 0 auto;
	background-color:white;
margin-top:-.1em;
}

#LES{

	background-color:rgba(244,209,158,1.00);
	width: 54em;
	height: 26.5em;
	margin-left: 2em;
	margin-top:1em;
	border-radius:1em;
}

#Container_video{
	
	margin-top:4em;
	margin-left: 2em;
}

#Video{
	border-radius:1em;
}
#Container_video h2{
	font-size:1.5em;
	padding-top:.5em
	
}

#Photoshop{
	padding-top:3em;
	margin-left:4em;
}


#Photoshop h1{
	font-size:2.4em;
	margin-top:-.5em;
}
#Photoshop h4{
	color:#F3752D;
}
#Container_video h2{
	
	margin-top: 2em;
	
}

#Toolbar1{padding-top:7em;
	margin-left:4em;
background-color:white;
	margin: auto 0;
	width: 75em;
    height: 40em;
	margin-top: -.000005em;
}

#LES1{
	background-color:rgba(244,209,158,1.00);
	width: 54em;
	height: 32em;
	margin-left: 6em;
	margin-top:1em;
	border-radius:1em;	
}

#TOOL{
	width:25em;
	border-radius: 1em;
}

#TL{
	margin-left: 2em;
	margin-top:1em;
}

#TL h2{
	padding-top:.5em;
	font-size:1.5em;
}

/*-------------------------------------LP1----------------------------------------------------------*/


#LessonP1{
	height: 40em;
	margin:  auto 0;
	
	background-color:white;
}

#LP1{
	margin-left:4em;
	padding-top:3em;
	
	
	
}

#LessonP1 h1{
	font-size:2.4em;
	


}

#ZIPF{
	margin-top: 4em;
	padding-left: 4em;
		color:rgba(243,117,45,1.00);
	
	border-radius: .5em;
}


#Lvid{
	
	border-radius:"50%";
}











/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Review PAGE---------------------------------------------------------------------------------------*/

#reviewpage{
	background-color:white;
	width:75em;
	height:60em;
	margin: 0 auto;
	margin-top:-1.5em;

}

#reviewpage h1{
	
	padding-top:2em;
	padding-left: 2em;
}

#Reviewchat{border-radius: .5em;
	height: 35em;
	width:60em;
overflow:scroll;
 margin-left:3em;	
 background-color:#F4D19E;
	
}



/*-----------------------------------------------------------*/
.artwork{

	margin-right:3em;
	width: 10em;
	border-radius:1em;
	float:right;
	margin-top:2em;
}

.THEUSERs{
	margin-top:3em;
	width: 2.8em;
}

.star21{
	margin-left:3em; 
	margin-top:4em; 
	width:6.5em;
}

.username{
	font-size:1.2em;
	margin-left:3.1em;
	margin-top:-2.2em;
	
	
}
.usertext{
	margin-left: 4em;
	
	
}
/*-----------------------------------------------------------*/

#tammy1{margin-top:2em;
	border-radius:1em;
	margin-left:2em;
	width: 42em;
	height: 17em;
	background-color:#F3752C;
	padding-left:2em;
}

#bobby1{
	margin-top:2em;
	width: 42em;
	height: 17em;
	background-color:#F3752C;
	margin-left:2em;
	padding-left:2em;
	border-radius:1em;
	
}

#Joe1{
		margin-top:2em;
	width: 42em;
	height: 17em;
	background-color:#F3752C;
	margin-left:2em;
	padding-left:2em;
	border-radius:1em;
}


#Matheral1{
		margin-top:2em;
	width: 42em;
	height: 17em;
	background-color:#F3752C;
	margin-left:2em;
	padding-left:2em;
	border-radius:1em;

}



#Gary1{
		margin-top:2em;
	width: 42em;
	height: 17em;
	background-color:#F3752C;
	margin-left:2em;
	padding-left:2em;
	border-radius:1em;

}

.THEUSER{
	padding-top: .5em;
	padding-left: .5em;
	width:2.5em;
}

.BOX{
	margin-top:4em;
	margin-left:5em;	
	border-radius:.5em ;
	width:35em;
	height:5em;
	background-color:rgba(243,117,44,1.00);

}

.BOX input{
	width:22em;
	margin-left: 1em;
	border: 0;
	border-radius:.5em;
	outline: none;
	
	padding-left: 3em;
	padding-top:-2em;
}
::placeholder{
	align-content: right;
	color:#F7A373;
}

#RFbutton{
	margin-top: -1.2em;
	border-radius:.3em;
	margin-left:19em;
	width:2em;
	height:1.5em;
	font-size:1.6em;
	font-weight: 800;
text-align: center;
	background-color:white;
		
}
#RFbutton:hover{
color:white;
background-color:rgba(255,165,0,1.00);		
}



/*---------------------------------------------------------CONTACTPAGE-----------------------------------------------------*/
#Contactpage{
	margin:0 auto;
	background-image: url("images/home.png");
	 text-decoration-line: none;  
    width: 75em;
    height: 40em;	
	margin-top: -2em;	
}
	
#ConUS{width:7em;
	color:white;
margin-left:4em;
	padding-top:10em;
	
}

#gmail{
	width:3em;
	margin-top:-2.2em;
	margin-left:11em;
	color:#F3752C;
	text-decoration-line: none;

}
a{
text-decoration-line: none;	
}

#gmail a:hover{	
color:#F8B58E;
	
}

	
/*-------------------------------------------------------------------------END-----------------------------------------------------*/