/*
  Gradient text w/ bevel
*/
.gradient-text {
  background: linear-gradient(to right, var(--red), var(--yellow), var(--green), var(--cyan), var(--purple), var(--pink) 100%);
  background-clip: text;
  font-family: 'Verdana';
  font-weight: 400;
  font-size: 7em;
  text-shadow: 0.025em 0.025em 0.025em rgba(0,0,0,0.25);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: var(--comment);
  -webkit-text-stroke-width: 2px;
}

.spoilers {
    padding: 10pt;
    border-style: solid;
    border-width: 3pt;
    border-radius: 10px;
    border-image: linear-gradient(90deg, #f681ae, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9 100%);
    border-image-slice: 1;
    background-color: #282A36;
    color: #ffb7c5;
    font-weight: 400;
}

.pink {
    background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%);
background-clip: text;
-webkit-background-clip: text;
  font-family: 'Verdana';
  font-size: 7em;
  text-shadow: 0.025em 0.025em 0.025em rgba(0,0,0,0.25);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #FC8EAC;
  -webkit-text-stroke-width: 2px;
}

.rainbow {
    background: linear-gradient(90deg, #f681ae, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
  font-family: 'Verdana';
  font-size: 1.5em;
  text-align: justify;
}

.rainbow-head {
    background: linear-gradient(90deg, #f681ae, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9 );
background-clip: text;
-webkit-background-clip: text;
color: transparent;
  font-family: 'Verdana';
  font-size: 7em;
  text-align: center;
}

:root {
  --pink: #f681ae;
  --red: #f38282;
  --yellow: #f7d54d;
  --green: #6ed46e;
  --cyan: #3ed3da;
  --purple: #a48ac9;
  --comment: #a48ac9;
    
    
}