body {
  background: #6804ba;
  color: #dac5fc;
  padding: 80px;
  font-family: ccred;
}
.dark-mode {
  background-color: pink;
  color: #B5485D;
  a:link {
  color: #6804ba;
  text-decoration: underline;
  }
  a:visited {
  color: #7698e3;
  text-decoration: none;
}
a:hover {
  color: red;
  text-decoration: underline;
}
a:active {
  color: yellow;
  text-decoration: underline;
}
button {
  background-color: #6804ba;
  color: #dac5fc;
}
}

a:link {
  color: pink;
  background-color: transparent;
  text-decoration: underline;
}
a:visited {
  color: #A2BFFE;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
.button {
  background-color: pink;
  color: #B5485D;
}
@font-face {  
    src: url(ccredalert.ttf) format("truetype");
}
.FontMarket { 
    font-family:  ccred;
}