/* ======================================================
 *  Ball bouncing down the rounded stairs
 *  Webpage main style sheet
 *  by Abel Toth, 2021
 * ======================================================
 */

/* HTML5 semantic elements - for compatibility with old browsers */
header, section, footer, aside, nav, main, article, figure {
    display:			block;
}

* {
    box-sizing:			border-box;
}

body {
    background-color: #606061;
    font-family: 		Arial, Helvetica, sans-serif;
}

.content {
	max-width: 			960px;
    margin: 			auto;
    padding: 			25px;
    background: 		white;
}

iframe {
    border: 			none;
    display: 			block;
    margin: 			auto;
}

h1 {
    text-align: 		center;
    line-height: 		1.5em;
    margin-bottom: 		5px;
}

h2 {
    text-align: 		center;
    font-weight: 		normal;
    line-height: 		1.5em;
    margin-top: 		20px;
    margin-bottom: 		10px;
}

h3 {
    text-align: 		left;
    font-size: 			1.1em;
    line-height: 		1.5em;
    margin-top: 		15px;
    margin-bottom: 		5px;
}


p, li {
    font-size: 			16px;
    line-height: 		1.5em;
}

a {
    font-weight: 		bold;
	color: 				blue;
}

table {
	border:				2px solid #cccccc;
	font-size:			1.0em;
	border-collapse:	collapse;
	background-color:	#f0f0f0;
    text-align: 		center;
    margin-left:        auto;
    margin-right:       auto;
}

td, th {
	border:				thin solid #cccccc;
	padding:			3px;
	vertical-align: 	middle;
	text-align:			left;
}

th {
	background-color:	#e0e0e0;
	font-style:			bold;
	text-align:			left;
	padding-top:		15px;
}

.small {
	font-size:			0.6em;
}

.italic {
	font-style:			italic;
}

.screenshot {
    display:            block;
	border:				thin solid #888888;
    margin-left:        auto;
    margin-right:       auto;
	padding:			5px;
    box-shadow: 5px 10px #888888;
}

.pic {
    display:            block;
	border:				thin solid #888888;
    margin-left:        auto;
    margin-right:       auto;
	padding:			5px;
    box-shadow: 5px 10px #888888;
}

.language {
	color:				black;
	font-size:			0.8em;
	font-weight:		normal;
	text-align:			right;
	min-width:			300px;
	max-width:			960px;
	border:				none;
	margin:				0px;
	padding:			0px;
}