@font-face {
    font-family:Comfortaa;
    src: url(Comfortaa-VariableFont_wght.ttf);
}

a {text-decoration:none;}
html, body {
  font-family: Helvetica, Arial, sans-serif;
  background-color:#FFF8FB
}
.accordion-item {
  background-color: transparent;
}
li .cp {
    visibility: hidden;
    font-size:0.75em!important;
    font-weight:300!important;
    color: #0d6efd!important;
    text-transform:lowercase!important;
}
li:hover .cp {visibility: visible;}
span.share {font-size:0.6em;color:#0d6efd;cursor: pointer;}
.navbar-brand {font-family:Comfortaa, Helvetica, Arial, sans-serif;font-size:1.75em;font-weight:900}
h1 {font-family: 'Inspiration',cursive;
/* font-size:5em;
font-weight:normal */
}
#items li > a, #rnd li > a {
  text-decoration: none;
  font-weight: 600;
  color: darkslateblue;
  font-size: 1.2em;
  text-transform: capitalize;
}

.tg a {text-decoration:none;color:inherit;}
.tg a:hover {text-decoration:underline;color:red;}

.dm {
  color: #aaa;
  margin-left: .25em;
  display: block;
  margin-top: 0.25em;
}

.dm > a {color:inherit}

p {
  font-weight: 100;
  font-size: 0.95em;
  color: #333;
  /* margin-bottom: 2em;
  margin-left: 0.25em;
  margin-top: 0.5em; */
  /*max-width: 110ex;*/
  line-height: 1.4
}
svg.bi {vertical-align: baseline;margin-right:0.5em;color:darkseagreen}
.tg {
  font-weight: 100;
  font-size: 0.75em;
  color: #eedeac;
  margin-left: 1em
}

ol li {
  list-style-type: none
}

ul {
  padding-left: 0;
  margin-left: 0
}

ul li {
  list-style-type: none;
  padding-bottom: 0.25em;
}

.dt {
  color: #aaa;
  font-size: 0.75em;
}

.nc {
  color: red;
  font-weight: 600;
}

.r > a {
  background: lightgoldenrodyellow;
  color: lightsteelblue;
}

ul#rnd {
  background-color: aliceblue;
  padding: 0.5em 0.5em 0 0.5em;
  margin-top: 0.5em;
  border: 1px dotted hsl(208deg 100% 76%);
}

h2 {
  color: darkred
}

.list-group-item {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  html, body {
    font-family: Helvetica, Arial, sans-serif;
    background-color:#222;
    color:#bbb;
  }
  svg.bi {color:yellow}
  #rnd svg.bi {color:darkseagreen}
  p,h2, .list-group-item {
    color:#bbb;
  }
   .list-group-item {color:#777}
  p {line-height: 1.5}
  #items li > a, h1 {color:#dbd1ae}
  .dm {color:#444}
  .accordion-button {background-color:#303030;color:#bbb}
  .dt {color:#393939}
  ul#rnd a {color:darkslateblue}
  #rnd p.ex {color: #666;}

  .r > a {
    background: #669359;
    color: #e77d7d!important;
    padding:2px 5px;
  }
}
body {
  overflow-x:hidden!important;
}
.container {
  max-width:100%!important;
  overflow-x:hidden!important;
}