/* index.php photo carousel */
.selfimages {
	width: 300px;
	height: auto;
	margin-top: 50px;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

/* index.php */
.left-half{
	float: left;
  	width: 50%;
}

.right-half {
	float: left;
  	width: 50%;
}

.center {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

.aboutme {
	text-align: center;
	width: 80%;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	margin-top: 100px;
}

/* The navigation menu */
.topnav {
	overflow: hidden;
	height: 25px;
	text-align: center;
	font-family: 'Poppins', sans-serif;
  }
  
/* The navigation menu links */
.topnav a {
	float: center;
	color:black;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 0px;
	text-decoration: none;
	font-size: 20px;
}

/* When you mouse over the navigation links, change their color */
.topnav a:hover {
  color:#878b91;
}

/* selenazhang */
h1 {
	font-family: 'Hind Madurai', sans-serif;
	font-size: 75px;
	text-align: center;
}

h1 a {
	text-decoration: none;
	color:#303030;
	letter-spacing:7px;
}

body {
	background-color:#a3b8a3;
}

/*.container {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
*/

/* baking page */
.bakingbody {
	margin-top:-50px;
	font-family: 'Poppins', sans-serif;
}

.bakingImageList {
	width:300px;
	float:left;
	text-align:center;
	margin-top:100px;
	float: center;
}

.recipestyle {
	font-family: 'Poppins', sans-serif;
	font-size:20px;
	text-decoration:none;
	color:black;
}

.bakingImageList a:hover {
	font-size:22px;
}




.ftable {
	display: table;
}

.frow {
	display: table-row;
}

.fcell {
	display: table-cell;
	padding-left: 20px;
}

.flabel {
	text-align:right;
	vertical-align: top;
}

#sig-canvas {
	border: 2px dotted #000000;
	border-radius: 15px;
	cursor: crosshair;
	background-color: #FFFFFF;
}





@import url('https://fonts.googleapis.com/css2?family=Gaegu&display=swap');

.journalcontainer {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
  	margin-right: auto;
	position: relative;
  	text-align: left;
	width: 60%;
	font-size: 17px;
}

.left {
	width: 40%;
	position: absolute;
	left: 5%;
	top: 5%;
	font-family: 'Gaegu', cursive;
  }

.right {
	width: 40%;
	position: absolute;
	right: 3%;
	top: 5%;
	font-family: 'Gaegu', cursive;
}