/* DARK MODE ONLY */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #0d1013;
    filter: invert(1) hue-rotate(180deg);
  }
  img, .img, .alert, .alert code, code {
    filter: invert(1) hue-rotate(180deg);
  }
}

/* TEXT SELECT */
::-moz-selection {
  color: #fff;
  text-shadow: none;
  background: #fe57a1;
}
::selection {
  color: #fff;
  text-shadow: none;
  background: #fe57a1;
}

/* TEXTAREA */
textarea {
  font-family: courier !important;
}

/* LINKS */
a {
  padding: 7px;
  border-radius: 4px;
  text-decoration: none;
  color: black !important;
  background-color: dodgerblue;
}
a:hover {
  color: dodgerblue;
  background: transparent;
  text-decoration: underline;
}
.textlink {
  padding: 0;
  color: black !important;
  background-color: unset;
}
.textlink:hover {
 text-decoration: underline; 
}
/* IMAGES */
img {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes fadeIn{
  0%{transform:scale(0);opacity:0.0;}
  60%{transform:scale(1.1);}
  80%{transform:scale(0.9);opacity:1;}
  100%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes fadeIn{
  0%{-webkit-transform:scale(0);opacity:0.0;}
  60%{-webkit-transform:scale(1.1);}
  80%{-webkit-transform:scale(0.9);opacity:1;}
  100%{-webkit-transform:scale(1);opacity:1;}
}

/* CLIPBOARD HINT */
.textarea-container{
  overflow: auto;
  position: relative;
  white-space: nowrap;
}
.textarea-container::after{
  top:0;
  right:0;
  padding:.5rem;
  position:absolute;
  white-space:normal;
  background: dodgerblue;
  content:'Double Click to Copy';
}