/* -Global reset & box model- */
body {
  font-family: var(--font-body);
  background-color: var(--bg-black);
  color: var(--fg-white);
}



/*--- basic elemnt stuff ---*/
h1, h2, h3, a,
.nav,
.postttl,
.date{
  font-family: var(--font-mono);
}

h1 {
    font-size: 30px;
}

a {
    text-decoration: none;
    color: var(--acc-command-green);
}
/*--- basic elemnt stuff end ---*/


/*------ Top banner -----*/
#topbanner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  /* background: var(--fg-grey); */
  margin-bottom: 5px;
}

.left {
  justify-self: start;
  font-size:1rem;
}

.center {
  justify-self: center;
  font-size:2rem;
  color: var(--fg-green);
}

.right {
  justify-self: end;
  font-size:1rem;
  
}

.icon {
    font-size: 1.5rem;
    padding: 1rem;
    
}
/*------ Top banner end -----*/


/*--- post items ---*/
.postli {
    display:grid;
    grid-template-columns: 90%;
    grid-template-rows: auto;
    justify-content:center;
    gap:5px;
}
.postit {
    display:grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr auto 0.5fr;
    border: 1px solid var(--fg-grey);
    padding:3px;
    border-radius: 6px;
}
.postttl {
    border-radius: 6px;
    border: 2px solid var(--fg-grey);
    padding: .5rem;
}
.date {
    
}
.cntsnippet {
    /* border-top: 1px solid var(--acc-cyan); */
    padding: 3px 3px;
    font: inter;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;;
    
}
.rdmr {
    text-align:right;
    /* border-top: 1px solid var(--fg-grey); */
    box-shadow: 0px -10px 10px #181c2f;
}
/*--- post items end ---*/