/* https://www.cssfontstack.com/Web-Fonts */
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url(https://fonts.googleapis.com/css?family=Baumans);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Playball);



@charset "utf-8";
/* CSS Document */

/* Grundlayout für SELFHTML-Beispiele */

@import url(https://fonts.googleapis.com/css?family=Audiowide);

html {
  background: #000;
  color: #eee;	
  font-family: Arial;
}

p, table {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 20px
}

body {
  margin: 1em auto;
  max-width: 65em;
}

h1, main, aside, main svg {
  padding: 1em;
  margin: 1em;
}

h1, h2 {
  color: hsl(73,100%,55%);
  background: linear-gradient(to right, transparent, hsl(73,100%,55%));
  font-family: Audiowide;
}

article img {
  width: 40%;
  margin-left: 0.5em;
}

figure figcaption {
  font-style: italic;
}

#navigation button {
  width: 9em;
  margin-bottom: 0.2em;
  background: radial-gradient(hsl(73,100%,55%), transparent 80%);
  color: black;
  border: 0;
}

nav a {
  background: radial-gradient(hsl(73,100%,55%), transparent 65%);
  color: black;
  font-family: Audiowide;
}

nav a:hover, nav a:focus {
  background: radial-gradient(hsl(73,100%,55%), transparent 80%);
}

nav a[aria-current=page] {
	color: red;
	border-color: red;
	font-family: Audiowide;
}

header, nav, nav a, article, section, aside, footer {
  padding: 1em;
  margin: 1em;
}

nav, nav ul, nav li{
  margin: 0;
  padding: 0;
  border: none;
}

nav li {
  list-style-type: none;
  margin: 1.3em 0;
}

nav a {
  display: inline-block;
  width: 95%;
  margin: 0;
  text-decoration: none;
  text-align: center;
}

footer p {
  text-align: right;
}

/* Large screens */
@media all and (min-width: 50em) {
  #news {
    align-self: center;
    height: 12em;
  }
}

@keyframes ants { to { background-position: 100% 100% } }

article {
	padding: 1em;
	border: 1em solid transparent;
	background: linear-gradient(black, black) padding-box,
	            repeating-linear-gradient(-45deg, red 0, red 25%, green 0, green 50%) 0 / 2em 2em;
	animation: ants 70s linear infinite;
}

th, td {
  border: 2px solid lime;
}
table {
  border-collapse: collapse;
}

.text1 {
	font-size: 22px;
}