body {
    margin: 0; 
    background: linear-gradient(to bottom, #000000, #2d0f12, #4b0a0f);
    font-family: "Merriweather", serif;
    font-weight: 400;
    font-style: normal; 
    color: white;
    min-height: 100vh;
    background-attachment: fixed;
}

.topnav {
    background-color: black;
    overflow: hidden;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

figure img {
    width: 800px;
    height: auto;
    display: block;
    margin: 20px auto;
}

#video {
    text-align: center;
    margin: 20px auto;
}

#video video {
    width: 70%;
    height: auto;
    max-width: 800px;
}

header {
    flex: 1;
}

footer {
    color: white;          
    text-align: center;   
    padding: 20px;        
    width: 100%;           
    position: relative;
}

.repo-link {
    color: black; 
    text-decoration: none;
}