body {
	color:#000000;
	background-color: #000000;
	background-image: url("tecsos.jpg");
	background-position: auto;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	line-height: 1.4em;
	margin: 0px;
}

#wrapper {
	width: 940px;
	margin: 40px auto 40px auto;
	border: 3px solid #ffffff;
	background-color: #ffffff;
	background-image: url("whiteishiii.jpg");
}

h1 {
	font-size: 36px;
	text-align: center;
}

nav, footer {
	clear: both;
	color: black;
	background-color: red;
	height: 35px;
	border-top: 3px solid #ffffff;
}

nav ul {
	margin: 10px;
	padding: 5px 0px 5px 30px;
}

nav li {
	margin-right: 20px;
	margin-left: 35px;
	display: inline;
}

nav li a {
	color: #ffffff;
}

nav li a:hover, nav li a.current {
	color: black;
}



table
{
	border-top: 3px solid white;
	width: 100%;
	height: 100%;
	text-align: center;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 21%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
}

button
{
	border-radius: 10px;
	border: 3px solid #000000;
	height: 600px;
	width: 190px;
	background-image: url("dicksonnoght2.png");
	background-position: center;
	font-size: 25px;
	color: white;
	text-align: center;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

button:hover
{
	border-radius: 0px;
	border: 2px solid red;
	height: 600px;
	width: 190px;
	background-image: url("GIF-220807_193633.gif");
	background-position: center;
	font-size: 25px;
	color: transparent;
	text-align: center;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

button:active
{
	border-radius: 0px;
	border: 5px solid red;
	height: 600px;
	width: 190px;
	background-image: url("GIF-220807_193633.gif");
	background-position: center;
	font-size: 25px;
	color: transparent;
	text-align: center;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.playbutton
{
	width: 50px;
	height: 50px;
	opacity: 0%;
}

.playbutton:hover
{
	width: 150px;
	height: 150px;
	opacity: 100%;
}

.cimek
{
	text-align: bottom;
}

section.courses {
	float: left;
	width: 659px;
	border-right: 3px solid #ffffff;
}