@charset "UTF-8";

* {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body
{
	font-size: 	1.5em;
	padding:	 20px;
	width:		90%; /* 750px;*/
	background:	#bababa;
	margin: 	0 auto;
}

header
{
	align-items: center;
	align-content: center;
	text-align: center;
	/*margin:10px;*/
	padding: 10px;
	border-radius: 10px;
	background-color: #bababa;
	/* 	box-shadow:  #666 4px 4px;*/
}

footer
{
	font-size: 60%;
	padding:10px;
	margin:10px;
}
/* Div modes */


h1
{
	width:20em;
	background: #a7a7a7;/* white */
	padding-top:20px;
	padding-bottom: 	20px;
	margin: auto;
	border-radius: 10px;
	box-shadow:  #666 4px 4px;
}

h2
{
	background-color: #888;
	border-radius: 10px;
	box-shadow:  #666 4px 4px;
	width:40%;
	padding: 20px;
	/*margin: 0 10px;*/
	text-align: left;
}

h3
{
	padding: 10px;
	margin: 0 20px;
}

div
{
	background: #ffffff;/* white */
	padding:	20px;
	margin:		15px;
	border-radius: 10px;
	box-shadow:  #666 4px 4px;

}

#shadowbox
{
		box-shadow:  #666 4px 4px;
		border-radius: 15px;
		padding:	20px;
		margin:		15px;
	}

/* Paragraph modes */

p /* yellow paragraph */
{
  padding: 10px;
	font-size:	1.2em;
	color:		blue;
/* 	background:	gold;*/
	margin:	0 30px;
}

blockquote /* gray blockquote */
{
	margin: 0 100px;
	background: #ccc;
	border-left: 3px solid red;
	border-right: 2px dashed blue;
	padding: 10px 20px;
}

blockquote p /* blue paragraph into blockquote */
{
	padding: 		10px;
	font-weight: 	bold;
	font-size:		0.7em;
	font-style:		italic;
	background:		skyblue;
	word-break:		break-all;
}


p.first /* an aquamarine paragraph with a margin and no padding*/
{
	padding: 0;
	margin: 20px;
	background: aquamarine;
}

p.second /* an orange paragraph with no margin and with a padding */
{
	padding: 10px 20px;
	margin: 0;
	background: orange;
}

p.third /* a paragraph with a padding and a margin */
{
	padding: 10px;
	margin: 10px;
	background: green;
}

td
{
	font-family: Arial, Helvetica, sans-serif;
}

th
{
	font-family: Arial, Helvetica, sans-serif;
}
a[href]:hover
{
	color: red;
}