body{
    background-color: black;
}

header{
    text-align: center;
    color: white;
   
    position: fixed;
    width: 100%;
}

header h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 400%;
   
    text-align: center;
}

.navigation{
   margin-top: -20px;
}
.navigation a{
    color: white;
    letter-spacing: 1px;
    position: relative;
    font-size: 200%;
    font-family: 'Roboto', sans-serif;
    transition: 0.2s;
    cursor: pointer;
    font-weight: 300;
    text-decoration: none;
    
  

}

.navigation a:hover{
    text-decoration: underline;
}

.margin{
    margin-left: 50px;
    margin-right: 50px;
}

.gallery{
    background-color: white;
    height: 65%;
    width: 80%;
    position: relative;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin-top: 50px;
}

.gallery h1{
    position: relative;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: 'Roboto', sans-serif;
    
}