body, html {
  background-image: url("../images/werni_bg.jpg");
  height: 100%; 
  background-position: left;
  background-repeat: repeat-xy;
  padding:0px;
  margin:0px;
}

@font-face {
    font-family: 'Swinger-Casual';
    src:url('../font/Swinger-Casual.ttf.woff') format('woff'),
        url('../font/Swinger-Casual.ttf.svg#Swinger-Casual') format('svg'),
        url('../font/Swinger-Casual.ttf.eot'),
        url('../font/Swinger-Casual.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Jazz-Club';
    src:url('../font/Jazz-Club.ttf.woff') format('woff'),
        url('../font/Jazz-Club.ttf.svg#Jazz-Club') format('svg'),
        url('../font/Jazz-Club.ttf.eot'),
        url('../font/Jazz-Club.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
.centered {
  padding: 30px;
}

span {
  font-size: 18px;
  color: #000000;
  font-family: 'Jockey One', sans-serif;
  text-shadow: 1px 1px 5px #ffffff;
}

strong {
	font-size: 24px;
}

.swing {
  padding-top: 120px;
  font-size: 48px;
  color: #5f5269;
  font-family: 'Jazz-Club';
  text-shadow: 1px 1px #ffffff;
  margin-left: auto;
  margin-right: auto;
  display: flex; 
  justify-content: center; 
  align-items: center
}


a {
	font-family: 'Jockey One', sans-serif;
	color: #000000;
	text-decoration: none;	
}

a:hover{
	font-family: 'Jockey One', sans-serif;
	color: #cc0404;
	text-decoration: none;	
}

a:visited {
	font-family: 'Jockey One', sans-serif;
	color: #000000;
	text-decoration: none;	
}

.pad {
  padding: 0px;
  margin-top: 30px;
  margin-bottom: -30px;
  text-align: center;
}

.fussnote {
	font-family: 'Jockey One', sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;	
	text-align: center;
	text-shadow: 1px 1px 5px #ffffff;
}

.fussnote a{
	font-family: 'Jockey One', sans-serif;
	color: #000000;
	text-decoration: none;	
	text-align: center;
}

 input[type=submit], /* CSS2.1 attribute-equals selector */
 #sub1,
 .button {
     /* the reset button */
     font-family: 'Squada One', cursive;
     text-decoration: none;
     background-color: #e58946;
     color: #ffffff;
     padding: 2px 8px 2px 8px;
     border: 2px;
     border-style: solid;
     border-color: #e58946;
     border-radius: 4px 4px 0px 0px;
 }

 input[type=submit]:hover,
 #sub1:hover,
 .button:hover {
     /* the reset button when hovered over */
	 font-weight: 900;
	 color: #2c4130;
	 padding: 2px 5px 2px 5px;
	 transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
 }

 input[type=submit]:active,
 #sub1:active,
 .button:active {
     /* the reset button when mouse-down */
     font-family: 'Squada One', cursive;
     text-decoration: none;
     background-color: #ffffff;
     color: #e58946;
     padding: 2px 8px 2px 8px;
     border: 2px;
     border-style: solid;
     border-color: #e58946;
     border-radius: 4px 4px 0px 0px;
 }

 input[type=submit]:focus,
 #sub1:focus,
 .button:focus {
     /* the reset button when focussed by keyboard-navigation */
     font-family: 'Squada One', cursive;
     text-decoration: none;
	 font-weight: 900;
     background-color: #e58946;
     color: #2c4130;
     padding: 2px 8px 2px 8px;
     border: 2px;
     border-style: solid;
     border-color: #e58946;
     border-radius: 4px 4px 0px 0px;
 }