@charset "utf-8";


body {
	
	
font-family: Adobe Caslon Pro Bold;
background-color: #D5D5D5;	
	
	
}

.contrasttext1, .contrasttext2, .contrasttext3 {
	
	
	
	float: left;
	display: block;
	max-width: 300px;
	max-height: 200px;
	width: 35%;
	text-align: center;
	padding: 20px;
	
	
}

.smallfontstext1, .smallfontstext2, .smallfontstext3{
	
	float: left;
	display: block;
	max-width: 300px;
	max-height:500px;
	width: 35%;
	text-align: center;
	padding: 20px;
	
	
	
}


.smallfontstext1 p {
	 color: #00287C;
	font-size: 10px; 
	padding-top: 30px;
}

.smallfontstext2 p {
	 color: #00287C;
	
}

.smallfontstext3 p{
	font-size:  .7em;
	padding-top: 30px;
	color: #00287C;
}



.contrasttext1 p, .contrasttext2 p, .contrasttext3 p{
	
	text-align: center;
	
	
	
	
}


.contrast{
	border: 3px solid black;
	margin: 0 auto;
   height:350px;
    width:1050px;
	background-color: #77B4EC;
	border-radius: 10px;
}



.smallfonts{
	
	border: 3px solid black;
	margin: 100px auto;
    height:500px;
    width:1050px;
	background-color: #77B4EC;
	border-radius: 10px;
	
}


.colordiv{
	
	
	border: 3px solid black;
	margin: 100px auto;
    height:400px;
    width:1050px;
	background-color: #77B4EC;
	border-radius: 10px;
	padding: 10px;
	
	
}


.manyfonts {
	
	
	border: 3px solid black;
	margin: 100px auto;
    height:300px;
    width:1050px;
	background-color: #77B4EC;
	border-radius: 10px;
	padding: 10px;
	
	
	
}

.fontstyle1{ font-family: "Arial";}
.fontstyle2{ font-family: "Wide Latin";}
.fontstyle3{ font-family: "Bell MT" ;}
.fontstyle4{ font-family: " Algerian" ;}
.fontstyle6{ font-family: "Broadway" ;}
.fontstyle7{ font-family: "Bahnschrift" ;}
.fontstyle8{ font-family: "Book Antiqua" ;}
.fontstyle9{ font-family: "Century Gothic";}
.fontstyle10{}



.valuefonts{
	
	border: 3px solid black;
	margin: 100px auto;
    height:600px;
    width:1050px;
	border-radius: 10px;
	background-image: url(../images/grayscale.jpeg);
	padding: 10px;
	
}

.linelength{
	
	border: 3px solid black;
	margin: 100px auto;
    height:200px;
    width:1270px;
	border-radius: 10px;
	background-color: #77B4EC;
	font-size: 19px;
	padding: 10px;
}


.ctau h2{

	
	
}





.ctau{
	
background-color: #77B4EC;
	
    border: 3px solid black;
	margin: 100px auto;
    height:600px;
    width:1050px;
	border-radius: 10px;	
	padding: 10px;
}


.consistency{
	
	border: 3px solid black;
	margin: 100px auto;
    height:600px;
    width:1050px;
	background-color: #77B4EC;
	border-radius: 10px;
	font-size: 17px;
	font-weight: bold;
	padding: 10px;
	
	
}



.contrasttext1 p{
	border-radius: 10px;
	background-color: aquamarine;
	color: aliceblue;
}


.contrasttext2 p{
	border-radius: 10px;
	background-color: #03315C;
	color: aliceblue;
}




.contrasttext3 p{
	border-radius: 10px;
	background-color: black;
	color: #18284A;
}


 .grammar {
	
	
	border: 3px solid black;
	margin: 100px auto;
    height:600px;
    width:1050px;
	background-color: #77B4EC;
	border-radius: 10px;
	font-size: 22px;
	font-weight: bold;
	padding: 10px;
  
	
	
	
} 

.contrast h2, .smallfonts h2, .colordiv h2, .valuefonts h2, .manyfonts h2, .linelength h2, .ctau h2, .consistency h2, .grammar h2{
	
	color: #00287C;
	text-align: center;
	font-size: 36px;
	
} 

span{
	text-align: center;
	font-size: 25px;
	font-weight: 900;
	
	
}


.valuefonts h2{

	
	color: white;
	font-size: 100px;
	
	
}


.valuegray{
	
	
color: #BFBFBF;

padding-bottom: 25px;	
	
}






.red{
	
	color:#EE0B0B

}
.yellow{ 
	
	font-family: Comic Sans MS;
	color:#D6FA32;
}
.green{ 
	
	font-family: Comic Sans MS;
	color:#0CF02B;

}
.orange{ 
	
	font-family: Comic Sans MS;
	color:#FFC900;

}
.white{ 
	
	font-family: Comic Sans MS;
	color:#FFFFFF;

}
.pink{ 
	
	font-family: Comic Sans MS;
	color:#EE0BDD;

}



h1 {
	font-size: 70px;
	text-align: center;
	color: #00287C;
	
}


.container{
	
	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
}