* {
  margin: 0;
  font-family: 'Titillium Web', sans-serif;
}

.container {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(../img/key.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container {
  display: flex;
  flex-direction: column;  /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center;   
    height: 100vh;
}

.title {
  font-size: 40px;
  margin: 5px;
  text-align: center;     
  color: white;
  margin-bottom: 20vh;
}