@charset "UTF-8";

.w3-content {
	width:50%;
	box-sizing:border-box;
}

.title {
	background-color: #EDC9CE;
	text-align: center;
  	color: #CF6B79;
  	font-size:175px;
  	font-family: 'Updock', cursive;
	padding-bottom: 30px;
}

.hero {
	width:100%;
}

#graceintro {
	border:dotted #cc627a 5px;
	margin:20px 20px 20px 20px;
}

#graceintro h1 {
	font-family: 'ABeeZee', sans-serif;
	font-size: 30px;
	color:#a03e42;
	padding:20px;
}

#graceintro h2 {
	font-family: 'Sarabun', sans-serif;
	font-size: 15px;
	line-height:30px;
	padding:20px;
	padding-top:0px;
}

.notes {font-family: 'Barlow Condensed', sans-serif;
	padding:20px;
	font-size:25px;
	color:red;
	line-height:30px;
}

#cakeimage {
	width:100%;
	border-radius: 25px;
}

.transparentlink {
	background-image:url(images/logo.png);
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
	width:100%;
	height: 100%;
}

.menuslide1 {
	background-image:url("../images/divcakeslink.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	width:30%;
	height:400px;
	border-radius: 25px;
}

.menuslide1:hover {
	background-image:url("../images/hoverdivcakeslink.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	width:30%;
	height:400px;
	border-radius: 25px;
}

.menuslide2 {
	background-image:url("../images/divcupcakeslink.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	width:30%;
	height:400px;
	border-radius: 25px;
}

.menuslide2:hover {
	background-image:url("../images/hoverdivcupcakeslink.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	width:30%;
	height:400px;
	border-radius: 25px;
}

.menuslide3 {
	background-image:url("../images/divothertreatslink.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	width:30%;
	height:400px;
	border-radius: 25px;
}

.menuslide3:hover {
	background-image:url("../images/hoverdivothertreatslink.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	width:30%;
	height:400px;
	border-radius: 25px;
}

.menuslidesdiv {
	padding: 20px 0px 20px 0px ;
	display: flex;
	justify-content: space-around;
}

/*slideshow css*/
	* {box-sizing:border-box}

/* Slideshow container */
	.slideshow-container {
	  padding-top: 20px;
	  width: 100%;
	  margin: auto;
	}

	/* Hide the images by default */
	.mySlides {
	  display: none;
	}

	/* On hover, add a black background color with a little bit see-through */
	.prev:hover, .next:hover {
	  background-color: rgba(0,0,0,0.8);
	}

	/* The dots/bullets/indicators */
	.dot {
	  cursor: pointer;
	  height: 15px;
	  width: 15px;
	  margin: 0 2px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.6s ease;
	}

	.active, .dot:hover {
	  background-color: #717171;
	}

	/* Fading animation */
	.fade {
	  animation-name: fade;
	  animation-duration: 1.5s;
	}

	@keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}
/* end slideshow css */