body {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 0.87);
    font-family: Roboto, Helvetica, Arial, sans-serif;
     margin: 0;
     padding: 0;
     background-image: url('../assets/064.GIF');
}

.main-content {
    display: flex;
    background: rgba(0, 0, 0, 1);
    flex-direction: column;
    max-width: 50vh;
    text-align: center;
    margin: 20px auto;
    border: 2px solid rgb(255, 255, 255);
}

.blog-link {
    text-decoration: underline;
    color: rgba(255, 255, 255, 0.87);
}

.navigation ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px;
    justify-content: center;
}

.navigation li {
    display: inline-block;
}

.posts {
    min-height: 55vh;
}

p {
     font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 10px;
}

hr {
    border: 0;
    height: 1px;
    background: rgb(255, 255, 255);
    margin: 10px 10px;
}

.header {
    background: rgba(0, 0, 0, 1);
    padding: 10px;

}

.footer {
    text-align: right;;
}