body {
    padding: 1em;
    background-color: #89CFF0;
    font-family: 'CyberpunkWaifus';
}

nav {
    margin: 1em auto 3em auto;
    width: min(1000x, 100%);
    background-color: #318CE7;
}

nav ul {
    display: flex;
    align-items: cetner;
    list-style-type: none;
    gap: 2em;
}

nav a {
    text-decoration: none;
    color:black

}

nav a:hover {
    text-decoration: underline;
}

.left-Bar{
    display: flex;
    background-color: #8AB9F1;
    width: 15%;
    justify-content: center;
    margin-left: 50px;
    margin-top: 100px;

}

.flex-container {
    display: flex;
    justify-content: center;
    background-color: #8AB9F1;
    margin: auto;
    width: 50%;
}


.blog-container {
    display: flex;
    flex-direction: column;
    justify-content: left;
    background-color: #8AB9F1;
}