body {
  background: #fffcf5;
}

@media screen and (min-width: 1615px) {
  #disqus_thread{
    position: absolute; 
    top:50px;
    right: 10px;
    width: calc(100rem - 75rem);
  }
}


.hack, .hack blockquote, .hack code, .hack em, .hack h1, .hack h2, .hack h3, .hack h4, .hack h5, .hack h6, .hack strong {
  font-family: 'Roboto Mono', monospace;
}

.hack {
  font-family: "Roboto Slab", serif;
}

a[rel*="external"]::after {
  content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23ff9800'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
}
nav a {
  padding: 2px;
}
nav a.active {
  background-color: inherit;
  color: #000;
}
a {
  color: #422eff;
  border-bottom: 1px solid #00ff9c;
}
a:hover {
  color: #000;
  background-color: #00ff9c;
}
.muted, .help-block {
  opacity: 0.70;
}
.hack .muted,
.hack .help-block {
  color: #0e0e0e;
}

.hack > header {
  display: grid;
  grid-template-columns: 1fr minmax(min-content, auto);
  column-gap: 20px;
  grid-template-areas: "nav nav";
}

.leader{
  display: flex;
  align-items: center;
  justify-content: center;
}

.myimage{
  margin-right: 10px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);
  border-width: 1px;
  border-radius: 9999px;
  border-color: #22292f;
  border-style: solid;
  height: 4rem;
  width: 4rem;
}

small {
  font-weight: 400;
}