@charset "UTF-8";
/* CSS Document */

body{background-color: rgba(255,255,255,1.00);
min-height: 1200px}

#name_box{width: 1500px;
height: 200px;
background-color: rgba(136,146,181,1.00);
align-content: center;}


h1{font-family: "hobo-std", sans-serif;
font-weight: 400;
font-style: normal;
color: rgba(255,255,255,1.00);
}

h2{font-family: "postino-std", serif;
font-weight: 400;
font-style: normal;
color: rgba(255,255,255,1.00);
}
	
h3{font-family: "cooper-black-std", serif;
font-weight: 400;
font-style: normal;
color: rgba(255,255,255,1.00);
}

h4{font-family: "cooper-black-std", serif;
font-weight: 400;
font-style: normal;
color: rgba(184,142,134,1.00);
}

p{font-family: "roboto-mono", monospace;
	font-weight: 300;
	font-style: normal;
	color: rgba(255,255,255,1.00);
}


a:link{color: rgba(255,255,255,1.00);
	text-decoration: none;
}
a:visited{color: rgba(255,255,255,1.00);}
a:hover{color: rgba(169,112,101,1.00);}
a:active{color: rgba(255,255,255,1.00);}




h1 a:link{color: rgba(255,255,255,1.00);
	text-decoration: none;
}
h1 a:visited{color: rgba(255,255,255,1.00);}
h1 a:hover{color: rgba(169,112,101,1.00);}
h1 a:active{color: rgba(255,255,255,1.00);}


#intro_box{width: 1200px;
	height: 500px;
	background-color: rgba(184,142,134,1.00);}

#picture_box{width: 600px;
	height: 500px;
	background-color: rgba(255,255,255,0.00);
	float:left;
}

#about_box{width: 600px;
	height: 500px;
	background-color: rgba(184,142,134,1.00);
	float: right;
}



#description_box_1{width:1200px;
	height: 100px;
	margin: 25px auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(184,142,134,1.00);
	text-align: center;
}

#digital_imagery_box{width: 1200px;
	height: 500px;
	margin: 25px auto;
	background-color: rgba(200,0,255,0.00);
}

.product{width:300px;
	height: 500px;
	background-color: rgba(255,224,0,0.00);
	float:left;
}


.product a:link{color:rgba(255,255,255,1.00);
	text-decoration: none;
}
.product a:visited{color:rgba(255,255,255,1.00);
	text-decoration: none;
}
.product a:hover{color: rgba(157,145,145,1.00);
	text-decoration: none;
}
.product a:active{color:rgba(255,255,255,1.00);
	text-decoration: none;
}

.socials{margin-right: 11px;}



.clearfloats{clear:both;}





#description_box_2{width:1200px;
	height: 100px;
	margin: 25px auto; 
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(184,142,134,1.00);
	text-align: center;
}



#illustraion_box{width: 1200px;
	height: 500px;
	margin: 25px auto;
	background-color: rgba(255,255,255,0.00);
}




#description_box_3{width:1200px;
	height: 100px;
	margin: 25px auto; 
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(184,142,134,1.00);
	text-align: center;
}


#containter_box{width: 1200px;
	height: 500px;
	background-color: rgba(255,255,255,0.00);}

#drawing_box{width: 600px;
	height: 500px;
	background-color: rgba(255,255,255,0.00);
	float:left;
}

#drawing_box_2{width: 600px;
	height: 500px;
	background-color: rgba(255,255,255,0.00);
	float: right;
}


#footer_box{background-color: #B88E86;
	width: 100%;
	height: 400px;
	margin-top: 40px;
}

#footer_container{width: 1200px;
	height: 400px;
	margin: 0px auto;
	margin-bottom: 0px;
	background:#B88E86;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.footeritem{width:275px;
	height:360px;
	background:#B88E86;
	float: left;
}
	
.footeritem a:link{color:rgba(255,255,255,1.00);
	text-decoration: none;
}
.footeritem a:visited{color:rgba(255,255,255,1.00);
	text-decoration: none;
}
.footeritem a:hover{color: rgba(169,112,101,1.00);
	text-decoration: none;
}
.footeritem a:active{color:rgba(255,255,255,1.00);
	text-decoration: none;
}