html { 

}

body { margin: 0; 
font-family: 'Cinzel';} 

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

.logo
{text-align:center;
margin-left: auto;
margin-right: auto;
 display: flex;
  justify-content: center;
}

input[type=submit] {
    width: 20em;  
    height: 2em;
    font-family: 'Cinzel';
    font-size:20pt;
}


div#slider { overflow: hidden; }

div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: center;
  font-size: 20px;
  animation: 30s slidy infinite; 
}


.register{
    padding-top: 15px;
    background: url(/images/register.png) no-repeat center  ; 
    background-size: cover;
    color:white;
    font-family: verdana;
    font-size:16pt;
    padding-right: 10%;
    padding-left:10%;


}
/* visited link */
a:visited {
  color: gray;
    text-decoration: none;
}
a:link {
  color: gray;
    text-decoration: none;
}
/* mouse over link */
a:hover {
color:gray;
    font-size:100%;
    text-decoration: none;
}


@-ms-viewport{
  width: device-width;
}





.caption{
   font-size: 25px;
   font-weight: bolder;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.BL {
   position: absolute;
   bottom: 8px;
   left: 16px;
}
.TL{
   position: absolute;
   top: 8px;
   left: 16px;
}
.TR {
   position: absolute;
   top: 8px;
   right: 16px;
}
.BR {
   position: absolute;
   bottom: 8px;
   right: 16px;
}
.center {
   position: absolute;
   top: 10%;
   left: 50%;
   transform: translate(-50%, -50%);
}