/*CSS styles Sheet for Mae Sot Notes*/

* {
font-family: Helvetica;
}

header {
	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #D3D3D3;
	border: 5px solid #000000;
	padding-top: 100px;
	padding-bottom: 0px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

article {
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 40px;
	border-style: solid;
	border-width: 0px 25px 25px 25px;
	border-color: #26B69D;
	border-radius: 0px 0px 25px 25px;
}

footer {
	padding: 25px 0px 25px 0px;
	text-align: center;
}

table {
	margin-left: auto; 
	margin-right: auto; 
}

tr {
	text-align: center;
}

button {
	padding: 5px;
	border-radius: 5px;
	color: #000000;
	background-color: #50C878; 
	border: none; 
	text-align: center;
}

.button:hover {
	background-color: #50C8B4;
}
li {
	padding: 20px;
}

/* container for the header information */
.container {
	background-color: #FAF9F6;
	width: 50%;
	padding: 30px 40px 20px 40px;
	margin-left: auto;
	margin-right: auto;
}

.boxes {
	  border: 1px solid black;
	  border-radius: 5px;
	  padding: 10px;
	  background-color: #FCE7F3;
	  text-align: center; 
}

/*For centering */
.center { 
	text-align: center;
}

/* centering and leaning for examples */
.example {
 text-align: center;
 font-style: oblique;
 font-weight: bold;
}