@font-face {
  font-family: "astloch-regular";
  src: url("fonts/astloch-regular-webfont.woff2") format("woff2"),
    url("fonts/astloch-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: black;
}

main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}


h3, a, label, input{font-family:helvetica;}

.container{
display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-top:20px;
  text-align:left;
  color:white;
  margin:10px;
   margin-bottom:30px;

}

h1 a{                                       font-family: 'Jena Gotisch', sans-serif; font-size:55px;
  color:white;
}

form a{font-size:10px;color:white;}

h3{font-size:25px;}

label{font-size:18px;}

input{font-size:18px;}

form{margin-top:50px;text-align:center;}

.nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px;
  font-size: 20px;
}

.nav a {
  color: white;
  font-family: astloch-regular;
  text-decoration: none;
  transition: color 0.5s ease-in-out, text-shadow 0.5s ease-in-out;
}

.nav a:hover {
  text-shadow: black 0 0 10px;
}

p{
  color:grey;
  text-align:center;
    font-family: helvetica;
font-size:10px;
}



}