@font-face { 
    font-family: PixelFont; src: url("VT323-Regular.ttf");
}

body {
    background-color: rgb(10, 61, 1);
    color: black;
    font-family: PixelFont;
}

.site-title{
    text-align: center;
    position: absolute;
}

.main-body{
    background-color: rgb(41, 37, 37);
    color: black;
    position: absolute;
    top: 3%;
    bottom: 3%;
    left: 25%;
    right: 25%;
}

.select-part{
    background-color: rgb(70, 66, 66);
    color: black;
    border-style: solid;
    border-color: black;
    border-width: 0px;
    position: absolute;
    top: 1%;
    bottom: 1%;
    left: 2%;
    width: 20%;
}

.select-part-button{
    background-color: rgb(103, 100, 100);
    color: black;
    font-family: PixelFont;
    font-size: large;
    border-style: solid;
    border-color: black;
    border-width: 0px;
    position: relative;
    left: 5%;
    right: 5%;
    width: 90%;
    margin-top: 4%;
}

.blog-part{
    background-color: rgb(74, 74, 74);
    color: black;
    border-style: solid;
    border-color: rgb(34, 33, 33);
    border-width: 3px;
    
    position: absolute;
    top: 1%;
    bottom: 1%;
    left: 23%;
    width: 75%;

    overflow-y: auto;
}

.blog-section{
    position: relative;
    margin-top: 5%;
    margin-left: 2%;
    margin-right: 2%;
}

.blog-title{
    text-align: center;
    position: relative;
    font-size: x-large;
}

.blog-log-section{
    position: relative;
    margin-top: 5%;
    margin-left: 2%;
    margin-right: 2%;
    border-style: double;
    border-width: 5px;
}

.blog-log{
    margin-left: 1%;
}

.blog-date{
    margin-left: 1%;
}