#navbar{

background-color: #000;
}
#hello{

background-color: #fff;
}

#navbarwhite{
	background-color:#000;
	height:80px;
}
#pb{
	background-color:#000;
	
}
#navbarlogowhite{
	margin-left:540px;
	margin-top:10px;
}
#jumbotron{
	background-color:#000;
}
#jumbotronwhite{
	background-color:#000;
}
#navbarlogo{
	margin-left:190px;
	margin-top:-10px;
	
}
#palettes{
	font-size:20px ;
	margin-left:28px;
	letter-spacing:2px;
	text-shadow:3px 3px red;
	margin-top:36px
}
#paletteswhite{
	font-size:16px ;
	margin-left:28px;
	letter-spacing:4px;
	text-shadow:2px 2px red;
	margin-top:36px;
}
#spacerdiv-1{
	margin-top:-10px;
}
#spacerdiv-2{
	margin-top:-30px;
}
#spacerdiv-3{
	margin-top:-70px;
}
#spacerdiv0{
	width:15px;
}
#spacerdiv1{
	height:25px;
}
#spacerdiv2{
	height:50px;
}
#spacerdiv3{
	height:75px;
}
#spacerdiv4{
	height:100px;
}
#spacerdiv5{
	height:125px;
}
#spacerdiv6{
	height:150px;
}
#spacerdiv7{
	height:175px;
}
#spacerdiv8{
	height:200px;
}
#headerpicture1{
    margin-left:85px;
	border:3px ridge grey;
	padding:10px;
	float:left;
	width:250px;
	height:300px;
	border-radius:8px;
}
#headerpicture2{
    margin-left:15px;
	border:3px ridge grey;
	padding:10px;
	float:left;
	width:540px;
	height:340px;
	border-radius:8px;
}

#PHOTOA{
	border:ridge 6px grey;
	padding:8px;
	border-radius:12px;
	height:350px;
	width:450px;
}
#container2{
	background-color:#000;
	border:ridge 6px grey;
	padding:8px;
	border-radius:12px;
	width:700px;
}
#hr2{

    height: 2px;
    width:1100px;
    background-image: linear-gradient(to right, red, blue, red);
}
#PHOTOB{
	border:ridge 6px grey;
	padding:8px;
	border-radius:12px;
	height:400px;
	width:690px;
	margin-left:30px;
}
#PHOTOPROD{
	border:ridge 6px grey;
	padding:8px;
	border-radius:12px;
	height:415px;
	width:680px;
	margin-top:-69px;
	background-color:#000;
}
#indexdiv1{
	margin-top:-75px;
}
#indexdiv2{
	margin-top:-25px;
}
#indexdiv3{
	margin-top:50px;
}
#modalbtn{

	color:#000;
	font-size:18px;
	background-color:red ;

}

#CERAMIC{

	border:ridge 6px grey;
	padding:8px;
	border-radius:12px;
	height:250px;
	width:350px;
}
#CERAMICWHITE{

	border:dotted 1px #fff;
	padding:38px;
	border-radius:12px;
	height:350px;
	width:450px;
}
#CERAMICWHITEQ{

	border:dotted 1px blue;
	padding:38px;
	border-radius:12px;
	height:350px;
	width:450px;
	margin-left:20px;
}
#ceramiclogo:hover {
	
	animation: shake 2s;
    animation-iteration-count: infinite;
    0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
  height:100px;
	width:750px;
}
#navbarwhite{
	background-color:#000;
	height:80px;
}
#ELLYSMANORTITLE:hover{
    animation: shake 1s;/*THIS SPEED OF THE SHAKE*/
    animation-iteration-count: infinite;
    0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
#ELLYSMANORTITLE{
	color:brown ;
	font-size:36px;
	letter-spacing:12px;
	font-family:Segoe Script;
	text-shadow:1px 1px #fff;
	text-align:center;/*THIS IS TO ALIGN TEXT CENTER*/
}

#manor{
     width: 80%;/*THIS SETS THE WIDTH OF IMAGE ACROSS SCREEN BOT ONLY PIXELS SET HEIGHT*/
	height:400px;
}
#abouttheartisttitle {
	font-family:Segoe Script;
	color:grey;
    text-shadow:1px 1px #fff;
	font-size: 42px;
}
#PRODTEXTTITLE{
	font-size:42px;
	font-family:Segoe Script;
	color:grey;
	font-weight: 900;
}
#PRODTEXBODY{
		font-size:32px;
	font-family:ARIAL;
	color:grey;
	font-weight: 500;
}
#curosityimage1{
	height:380px;
	width:280px;
	border:grey 6px solid;
	margin-left:35px;
	border-radius:12px;
	padding:12px;
}
#curosityimage2{
	height:430px;
	width:600px;
	border:grey 6px solid;
	margin-left:30px;
	border-radius:12px;
	padding:12px;
}
#curosityimage4{
	height:420px;
	width:690px;

	margin-left:40px;
}
#ccccv{
	font-size:32px;
}
#body{
	background-color:#000;
}


}
#llll{
	
	border-style:solid;
	border-width:6px;

	border-color:red;
}
#copyright{
	font-size:24px;
}
#xcxc{
	margin-left:300px;
}