pre code {
    direction: ltr;
}

.article, .gt-container {
}

.article hr {
    border-top: 1px solid  gray;
    border-bottom: none;
    border-left: none;
    border-right: none;
    height: 1px;
}

img {
    display: block;
    margin: 0 auto;
    object-fit: cover ;
    max-width: 100%;
}

blockquote {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-indent: 5px;
}

#about {
    font-size: small;
}

#article-details {
    border: 1px solid gray;
    padding: 10px;
}

#article-details {
    font-size: small;
}

.date {
    font-size: small;
}

#footer.links {
    font-size: medium;
}

#footer {
    text-align: center;
}

hr {
    opacity: 0.3;
}

.gist {
    direction: ltr;
}

ul {
    font-size: medium;
    padding-right: 0px;
}

.ascii {
    align-content: center;
    direction: ltr;
    line-height: 15px;
    float: left;
    min-width: 300px
}


.about { grid-area: about; }
.ascii { grid-area: ascii; }
.blogs { grid-area: blogs; }
.projects { grid-area: projects; }
.links { grid-area: links; }

.grid-container {
  display: grid;
  grid-template-areas:
    'blogs blogs ascii'
    'projects projects about'
    'links links about';
  gap: 10px;
  /*background-color: #2196F3;*/
  padding: 10px;
}