/*CSS styles Sheet for Mae Sot Notes*/

* {
	font-family: Helvetica, "Courier New";
	font-size: large;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.5em;
}

p {
	font-size: 1em;
}

header {
	background-color: #D3D3D3;
	background-image: url("https://maesotnotes.com/christ/images/New_Zealand053.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	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: rgba(38, 182, 157, .7); 
	border: none; 
	text-align: center;
}

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

/* container for the header information */
.container {
	background-color: rgba(192, 192, 192, 0.7);
	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_stuff { 
	text-align: center;
}

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

/* Picture Resizing for Different Devices */  
.width900 {
	width: 900px;
	max-width: 100%; 
	height: auto;
}

.imgControl {
	max-width: 100%;
	height: auto;
}

.imgSm {
	min-width: 50px;
	height: auto;
}