:root {
  --bg: #000000;
  --bg-img: url('dsj-large.png');
  --txt-c1: #ab001b;
  --txt-c2: #857cb1;
  --evil: #80000e;
  --nice: #9355fe;
  --shrug: #58000a;
}

@font-face { 
    font-family: "dueDate";
    src: url("../fonts/DueDate.ttf?#iefix") format("truetype");
}
@font-face { 
    font-family: "merchantCopy";
    src: url("../fonts/MerchantCopy.ttf?#iefix") format("truetype");
}

body {
  background-color: var(--bg);
  color: var(--txt-c1);
  font-size: 30px;
  text-align: center;
  font-family: merchantCopy;
  }

h1{
  text-align: center;
  color: var(--text-c1);
  font-size: 60px;
  font-family: dueDate;
}
h2{
  text-align: center;
  color: var(--evil);
  font-size: 40px;
  font-family: merchantCopy;
}
h3{
  text-decoration: none;
  text-align: center;
  color: var(--shrug);
  font-size:15px;
  font-family: dueDate;
}


#content{
            max-width: 1200px;
            margin: auto;
            background: #000000;
            padding: 20px;
            box-sizing: border-box;
}

img {
    max-width: 100%;
    max-height: 100%;
}


#imgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 120px;
}

a:link{
  color: var(--evil);
}
a:visited{
  color: var(--evil);
}
a:hover{
  color: var(--txt-c1);
}
a:active{
  color: var(--evil);
}