body {
  margin: 0;
  background: #181818;
  image-rendering: pixelated; 
}

.project {
    position: absolute; 
    left: 50vw; 
    top: 7vh; 

    color: darkgray; 
    font-family: fantasy; 
    font-size: 7vh; 
    transform: translate(-50%,-50%);
}

.bar {
    position: absolute;
    left: 50vw; 
    top: 12vh;

    width: 75vw;
    border-bottom: 0.5vh solid darkgray;
    transform: translate(-50%,-50%); 
}

.blog-table {
    position: absolute; 
    left: 50vw; 
    top: 20vh; 

    width: 75vw;
    transform: translate(-50%,0%); 
}

.project-row {
    /* display: flex;  */
    flex-wrap: wrap; 
    justify-content: center;
}

.blog-inner {
    text-align: center; 
    height: 6vw; 
    color: darkgray; 
    font-family: fantasy; 
    font-size: 2.5vw;
    align-items: center;
    display: flex;
}

.image { 
    height: 14vh; opacity: 85%; border: 2vh solid transparent;border-image: url(assets/frame.png) 5 stretch;image-rendering: pixelated;
}