body {
    background-color:#1e1e1e;
    font-family: 'Inconsolata', monospace;
    color: #d4d4d4;
    margin: 0;

}

.blog-header {
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    margin-bottom: 20px;
    padding: 30px;
    text-align: center;
    font-weight: 200;
    font-size: 24px;
}

a:link, a:visited{
    color: #939393;
}

a:hover, a:active{
    color: #737373;
}

.loader {
    width: 60px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side,#ffffff 90%,#ffffff00) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    animation: l1 1s steps(4) infinite;
}
@keyframes l1 {to{clip-path: inset(0 -34% 0 0)}}

.main2 {
    display: flex;
    justify-content: center; /* Horizontal */
    align-items: center;     /* Vertical */
  }