@font-face {
    font-family: dorky;
    src:url("/assets/fonts/Dorkus-Regular.otf");
    
}
@font-face {
    font-family: ssnow;
    src:url("/assets/fonts/SugarSnow.otf");
}

a:hover {
    color: #c73e6c;
}

body {

background-image: url("/assets/bgs/checkpatterngreen1.png");
background-blend-mode:color-dodge;
background-color: rgb(105, 112, 40);
background-size: 300px;
animation: bg-scrolling-reverse 4.5s infinite;
animation-timing-function: linear;
font-family: dorky;
font-size: x-large;
padding-top: 80px;
color: aliceblue;


}

main {
    border-radius: 4ch;
    background-color: #c73e6c;
    background-blend-mode:luminosity;
    background-image: url(/assets/bgs/checkpatterngreen1.png); 
    padding-top: 30px;
    width: 900px;
}

a {
    color: yellow;
    text-decoration: none;

}


h3 a:hover {
    color: aliceblue;
}

h1 {
        font-family: ssnow;
        color:chartreuse;
      }

    
    @keyframes bg-scrolling-reverse {
100% {
background-position: 150px 150px;
}
}

@keyframes bg-scrolling {
0% {
background-position: 150px 150px;
}
}

footer {
    color: aliceblue;
    padding-bottom: 20px;
}

#showcomic {
    padding-left: 5%;
    padding-right: 5%;
}

.archiveRow:hover {
  color: yellow;
  cursor: pointer;
}