/* ENVIRONMENT STYLES */

a:link {
    color: #dd7700;
}
a:visited {
    color: #c84624;
}
a:hover {
    color:rgb(255, 27, 115);
}
a:active {
    color: #ff0000;    
}

.decision {
    text-decoration: none;
}

.theme-a {
    background:#dddddd;
    color: #000000;
  }
@media (prefers-color-scheme: dark) {
    .theme-a.adaptive {
      background:rgb(0, 0, 0);
      color: #ffffff;
      
    }
  }

  
/* ANIMATED TEXT */

@keyframes hearthTextAnimation{
    25% {
        color: red;
    }
    50% {
        color: yellow;
    }
    75% {
        color: orange;
    }
    100% {
        color: #ff2222;
    }
}

.hearthTextAnimation {
    &:after {
    animation: hearthTextAnimation 3s linear infinite alternate;
    content: "hearth";
    }
}