@font-face {
    font-family: DOS;
    src: url('fonts/DOS-V.woff') format('woff');
}
@font-face {
    font-family: Cordata;
    src: url('fonts/cordata-ppc-400.woff') format('woff');
}
@font-face {
    font-family: monospace;
    src: url('fonts/SpaceMono-Regular.ttf') format('ttf');
}
@font-face {
    font-family: serif-big;
    src: url('fonts/InstrumentSerif-Regular.ttf') format('ttf');
}
body {
    overflow-y: hidden;
    padding: 0;
    margin: 0;
    background-image: url(resources/img/blog/background-blog.png);
    background-size: 50%;
    background-attachment: fixed;
}
.container {
    height: 101vh;
    display: flex;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: flex-end;
}
.p-overlay {
    width: 1100px;
    z-index: 3;
    position: absolute;
    margin-bottom: 0;
}
.p-underlay {
    width: 1100px;
    z-index: 0;
    position: absolute;
    margin-bottom: 0;
}
.post {
    width: 850px;
    background-color: white;
    height: 95vh;
    position: absolute;
    z-index: 1;
    align-self: flex-start;
     scrollbar-color: transparent transparent;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.screen {
    font-family: DOS;
    width: 410px;
    height: 197px;
    position: absolute;
    z-index: 5;
    top: 30px;
    left: 298px;
    overflow-y: scroll;
    color: #142D2A;
    scrollbar-color: #142D2A transparent;
    padding: 5px;
}
.screen-p {
    margin-top: -10px;
    font-size: 25px;
    margin-left: 30px;
}
a.link:link {
    color: #142D2A !important;
}
a.link:visited {
    color: #142D2A !important;
}
a.link:hover {
    color: #142D2A !important;
}
a.link:active {
    color: #142D2A;
}

.back {
    font-family: DOS;
    position: absolute;
    top: 109px;
    left: 47px;
    font-size: 35px;
    text-decoration: none;
}
a.back:link {
    color: #382323 !important;
}
a.back:visited {
    color: #382323 !important;
}
a.back:hover {
    color: #ffffff !important;
}
a.back:active {
    color: #382323;
}
.info {
    position: absolute;
    z-index: 5;
    left: 1270px;
    font-size: 35px;
    font-family: DOS;
    text-shadow: lightgrey 1px 1px;
    font-weight: bold;
    color: rgb(26, 27, 39);
    top: 700px;
}