<style> <!--(start of style) Characteristics for elements below-->
	canvas {
      background-color: black;
	  border-color: cyan
	  animation: mymove1 7s infinite;	  
	@keyframes mymove1 {50% {background-color: #001B50;}}
	}
	
	body{background-color: black;}
	h1{color: purple;
      animation: mymove2 4s infinite;}
    @keyframes mymove2 {50% {color: lime;}
	}
	h2{color: white;}
	h3{color: cyan;}
	h4{color: red;}
	p{color: white;}
	li{color: white;}
	table{color: cyan;
		  
		  width: 200px;
		  height: 100px;
	}
	td, th {border: 1px solid white;
			width: 100px;
			height: 50px;
	}
	thead{color: red}
	section{color: white;
		  border: 1px solid white;
		  width: 450px;
		  height: 75px;
	}
	aside {
		padding-left: 50px;
		margin-left: 15px;
		float: right;
		font-style: italic;
	}
    .mariorun {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 5;
	  animation: move-right 10s steps(1000) infinite;
	}
	@keyframes move-right {
	  0% {
		transform: translateX(0);
	  }
	  100% {
		transform: translateX(100%);
	  }
	}
	body {
    padding: 0;
    margin: 0;
    background: black;
}
.navbar {
    background: black;
	border: 6px solid orange;
}
.nav-link,
.navbar-brand {
    color: orange;
    cursor: pointer;
	font-weight: bold;
}
.nav-link {
    margin-right: 1em !important;
}
.nav-link:hover,
.navbar-brand:hover {
    color: yellow;
}
.navbar-collapse {
    justify-content: flex-end;
}
.header {
    background-image: url('https://64.media.tumblr.com/2f8718807b581ae6bef69b8bc6b9e2ea/tumblr_py484hOpBB1umsmpio1_540.gifv');
    background-size: cover;
    background-position: center;
    position: relative;
}
.overlay {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
}
.description {
	left: 50%;
	position: absolute;
	top: 45%;
	transform: translate(-50%, -55%);
	text-align: center;
}
.description h1 {
	color: orange;
}
.description p {
	color: yellow;
	font-size: 1.3rem;
	line-height: 1.5;
}
.description button {
    border:6px solid orange;
    background: black;
    border-radius: 0;
    color: orange;
}
.description button:hover {
	border:6px solid yellow;
    background: black;
    color:yellow;
}
.features {
	margin: 4em auto;
	padding: 1em;
	position: relative;
}
.feature-title {
	color: orange;
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.features .form-control,
.features input {
	border-radius: 0;
}
.features, .btn {
    background: black;
    border: 6px solid orange;
    color: orange;
	border-radius: 0;
    margin-top: 20px;
}
.btn:hover {
    background: black;
    border: 6px solid yellow;
	color: yellow;
}
.background {
	background: #dedec8;
	padding: 4em 0;
}
.team {
	color: #5e5e55;
	padding: 0 180px;
}
.team .card-columns {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}
.team .card {
	background:none;
	border: none;
}
.team .card-title {
	font-size: 1.3rem;
	margin-bottom: 0;
	text-transform: uppercase;
}
.page-footer {
    background-color: #222;
    color: #ccc;
    padding: 60px 0 30px;
}
.footer-copyright {
    color: #666;
    padding: 40px 0;
}
.Games {
	width: 575px;
	height: 125px;
	text-align: center;
}
#my-header { 
    border: solid cyan 10px;
	background-color: black;
	animation: mymove1 7s infinite;
	@keyframes mymove1 {50% {background-color: #001B50;}}
}
header, section, footer, aside, nav, article, figure, figcaption {
	display: block;}
</style><!--End of style-->