/*https://cssgradient.io/*/

body {


background: rgb(238,174,202);
background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);

}

.copy {
  font-style: italic;
  font-size: 12px;
}

.hint {
  font-style: italic;
  border-bottom: thin solid #ccc;
  font-size: 20px;
}

.hintsmall {
  font-style: italic;
  border-bottom: thin solid #ccc;
  font-size: 18px;
}

.h2 {
  white-space: nowrap;
  font-weight: bold;
  font-size: 21px;
  border-bottom: thin solid #ccc;
}


h1 {
  font-weight: bold;
  font-size: 22px;
}



.blink_left {
  writing-mode: vertical-rl;
  color: red;
  font-size: 10px;
  animation: left_blink 3s infinite;
}

@keyframes left_blink {
  0%, 50% {
    color: red;
  }
  25%, 75% {
    color: rgb(238,174,202);
  }
}


.blink_right {
  writing-mode: vertical-rl;
  color: red;
  font-size: 10px;
  animation: right_blink 3s infinite;
}

@keyframes right_blink {
  0%, 50% {
    color: red;
  }
  25%, 75% {
    color: rgb(148,187,233);
  }
}





a:link { text-decoration: none; color: darkblue; font-style: italic; }
a:visited { text-decoration: none; color: darkblue; font-style: italic; }
a:hover { text-decoration: none; color: darkblue; font-style: italic; }
a:active { text-decoration: none; color: darkblue; font-style: italic; }