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

.bangers-regular {
  font-family: "Bangers", system-ui;
  font-weight: 400;
  font-style: normal;
}

.luckiest-guy-regular {
  font-family: "Luckiest Guy", cursive;
  font-weight: 400;
  font-style: normal;
}

.fresca-regular {
  font-family: "Fresca", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body{
background-image: url("../images/green_pixels_background1.jpg")
}

h1{font-family: "Luckiest Guy", sans-serif;
  font-weight: 400;
	font-size: 80px;
  font-style: normal;
	color: rgba(255,255,255,1.00);
	text-align: center;}

h2{font-family: "Bangers", system-ui;
  font-weight: 400;
  font-style: normal;
	font-size: 40px;
	color: rgba(255,255,255,1.00);
	text-align: center;}

h3{font-family: "Bangers", system-ui;
  font-weight: 400;
  font-style: normal;
	font-size: 20px;
	color: rgba(255,255,255,1.00);
	text-align: center;}

b1{font-family: "Fresca", sans-serif;
  font-weight: 400;
  font-style: normal;
	color: #FFFFFF;
	font-size: 25px;}

b2{font-family: "Fresca", sans-serif;
  font-weight: 400;
  font-style: normal;
	color: #FFFFFF;
	font-size: 15px;}

a{color: #FFFFFF;}


#headermain{width:100%;
min-height: 125px;
background: rgba(79,27,102,1.00);
outline: solid;
outline-width: 8px;
outline-color: #FFFFFF;
background-size: cover;
margin: auto;
text-align: center;}

#headercontent{width:1200px;
min-height: 125px;
background:rgba(0,0,0,0.00);
margin: auto;
text-align: center;
vertical-align: middle;
align-content: center;}

.logo{width:150px;
height:97px;
background-image:url("../images/Cunningham_Logo_white.png");
background-size: contain;
margin: 45px auto 0px;
float: left;}

.logoright{width:150px;
height:97px;
background-image:url("../images/Cunningham_Logo_white.png");
background-size: contain;
margin: 45px auto 0px;
float: right;}

#footermain{width:100%;
min-height: 120px;
background: rgba(79,27,102,1.00);
outline: solid;
outline-width: 8px;
outline-color: #FFFFFF;
background-size: cover;
margin: 30px auto 0px;}

#footercontent{width:1200px;
min-height: 120px;
background:rgba(0,0,0,0.00);
margin: auto;
text-align: center;
vertical-align: middle;}

#nav{width:1000px;
height:110px;
margin: auto;
background-color: #000000;
text-align: center;}

.navtext{width:200px;
height:110px;
margin: auto;
text-align: center;
float:left;}

.bio{width:1200px;
height:400px;
background: rgba(79,27,102,1.00);
outline: solid;
outline-width: 8px;
outline-color: #FFFFFF;
background-size: cover;
margin:30px auto;}

.portrait{width:300px;
height:400px;
background-image: url("../images/20250428_104906_1.jpg");	
float:left;
margin:0px;}

#biotext{width:740px;
height:250px;
text-align: left;
margin: 80px 80px;
float:left;
background-color: rgba(0,0,0,0.00);}

.title{width:100%;
height:65px;
margin: 30 auto;
background-color: #000000;
text-align: center;}

#titledrawing{width:100%;
height:60px;
margin: 20px auto auto;
text-align: center;
margin-top: 5px;	
vertical-align: middle;}

#titleceramics{width:100%;
height:60px;
margin: 20px auto auto;
text-align: center;
margin-top: 5px;	
vertical-align: middle;}

#titlewatercolor{width:100%;
height:60px;
margin: 20px auto auto;
text-align: center;
margin-top: 5px;	
vertical-align: middle;}

#titledigital{width:100%;
height:60px;
margin: 20px auto auto;
text-align: center;
margin-top: 5px;	
vertical-align: middle;}

#titleweb{width:100%;
height:60px;
margin: 20px auto auto;
text-align: center;
margin-top: 5px;	
vertical-align: middle;}


.description{width:1200px;
height:45px;
margin: 0 auto;
background-color: #000000;
text-align: center;}

.description1133{width:1133px;
height:45px;
margin: 0 auto;
background-color: #000000;
text-align: center;}

.description1000{width:1000px;
height:45px;
margin: 0 auto;
background-color: #000000;
text-align: center;}

.description1071{width:1071px;
height:45px;
margin: 0 auto;
background-color: #000000;
text-align: center;}

.description1162{width:1162px;
height:45px;
margin: 0 auto;
background-color: #000000;
text-align: center;}


.description900{width:900px;
height:45px;
margin: 0 auto;
background-color: #000000;
text-align: center;}

.description600{width:600px;
height:45px;
margin: 0 auto;
background-color: #000000;
text-align: center;}

.description867{width:867px;
height:45px;
margin: 0 auto;
background-color: #000000;
text-align: center;}

.description533{width:533px;
height:50px;
margin: 0 auto;
background-color: #000000;
text-align: center;}

.descriptiontext{width:300px;
height:45px;
margin: 0 auto;
text-align: center;
float:left;}

.descriptiontext400{width:400px;
height:45px;
margin: 0 auto;
text-align: center;
float:left;}

.descriptiontextcenter{width:300px;
height:45px;
margin: 0 auto;
text-align: center;}


.descriptiontext533{width:533px;
height:45px;
margin: 0 auto;
text-align: center;
float:left;}

.descriptiontext267{width:267px;
height:45px;
margin: 0 auto;
text-align: center;
float:left;}

.descriptiontext270{width:270px;
height:45px;
margin: 0 auto;
text-align: center;
float:left;}

.descriptiontext314{width:314px;
height:45px;
margin: 0 auto;
text-align: center;
float:left;}

.container1{width:1200px;
height:400px;
margin: auto;
background-color: rgba(0,0,0,0.00);}

.linkcontainer{width:800px;
height:260px;
margin: auto;
	text-align: center;
background-color:#000000;}

.container1000{width:1000px;
height:400px;
margin: auto;
background-color: rgba(0,0,0,0.00);}

.containervideo{width:1000px;
height:563px;
margin: auto;
background-color: rgba(0,0,0,0.00);}

.container1071{width:1071px;
height:400px;
margin: 0px auto;
background-color: rgba(0,0,0,0.00);}

.container1133{width:1133px;
height:400px;
margin: 0px auto;
background-color: rgba(0,0,0,0.00);}

.container1162{width:1162px;
height:400px;
margin: 0px auto;
background-color: rgba(0,0,0,0.00);}


.container533{width:533px;
height:400px;
margin: 0px auto;
background-color: rgba(0,0,0,0.00);}

.container867{width:867px;
height:400px;
margin: 0px auto;
background-color: rgba(0,0,0,0.00);}

.container900{width:900px;
height:400px;
margin: auto;
background-color: rgba(0,0,0,0.00);}

.container600{width:600px;
height:400px;
margin: auto;
background-color: rgba(0,0,0,0.00);}