html, body {
    padding: 0;
    margin: 0;
}

body {
    background: #00012e;
    background-attachment: fixed;
}

.site-header, .site-footer {
    background-color: rgba(17, 17, 17, 0.5);
    backdrop-filter: blur(1px);
    border: none !important;
    z-index: 2;
}

.site-header a {
    font-family: 'Oxygen', sans-serif;
}

code {
        font-family: "Oxygen Mono", monospace;
}

.page-content {
    background-color: #2d2d2d;
    width: 50vw;
    height: auto;
    /*top: 10vh;*/
    position: relative; 
    margin: 0;
    margin-top: 10vh;
    margin-bottom: 10vh;
    border-radius: 10px;
    box-shadow: 0 0 50px rgba(45, 45, 45);
    border: 1px solid black;
    left: 50%;
    transform: translate(-50%, 0);
    /*bottom: 10vh;*/
    padding: 20px;
    animation: contentin 0.7s ease-out both;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 2;
}

@media (max-width: 1000px) {
    .page-content {
        width: 90vw !important;
        padding: 10px;
        overflow: auto;
    }
}

.page-content p, .page-content ul, .page-content li {
    color: white;
    font-size: large;
    font-family: 'Quicksand', sans-serif;
}

.post-title, .page-heading {
    text-align: center;
    line-height: normal;
}
.post-meta {
        text-align: right !important;
}

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
    font-family: 'Oxygen', sans-serif;
    color: white;
    overflow: hidden;
    overflow-wrap: break-word;
}

@keyframes contentin {
    from {
        transform: translate(-50%, 30px);
        opacity: 0.5;
    }
    to {
        transform: translate(-50%, 0px);
        opacity: 1;
    }
}