body {
    background-color: rgb(100, 100, 100);
    color: chartreuse;
    font-family: monospace;
}

.header {
    text-align: center;
}

#blink {
    -webkit-animation: blink 1.5s linear infinite;
    animation: blink 1.5s linear infinite;
  }
  @-webkit-keyframes blink {
    50% { color: rgb(34, 34, 34); }
    51% { color: rgba(34, 34, 34, 0); }
    100% { color: rgba(34, 34, 34, 0); }
  }
  @keyframes blink {
    50% { color: rgb(34, 34, 34); }
    51% { color: rgba(34, 34, 34, 0); }
    100% { color: rgba(34, 34, 34, 0); }
  }

.dark {
    color:rgb(0, 0, 0);
}
.shy {
    color: red;
}

div.imagecenter { 
  margin: 0 auto;
  width: 80em;
}
img.center {
  display: block;
   margin-left: auto;
   margin-right: auto;
 }
.responsive {
  width: 100%;
    height: auto;
    max-width: 400px;
}
p.outline {
  --bd-example-padding: 1rem;
  position: relative;
  padding: var(--bd-example-padding);
  margin: 0 -1.5rem;
  border: solid var(--bs-border-color);
  border-width: 1px 0;
}

a.github {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
  color:#0ed1f8;
}
