@font-face {
      font-family: 'sotl';
      src: url('fonts/silentlambs.ttf');
    }
    
    @font-face {
      font-family: 'typewriterfont';
      src: url('fonts/typewriter.ttf');
    }
    
    @font-face {
      font-family: 'typewriterfont2';
      src: url('fonts/typewriter2.ttf');
    }
    
    hr {
      width: 2em;
      
    }
    
    body {
        background-image:url('background.jpg');
        color: #4a2f10;
        font-family: typewriterfont2;
        cursor: url("cursor_moth_RS.png"), default;
    }
    
    a:hover {
        cursor: url("cursor_moth_RS.png"), default;
    }

    .header {
        height: 7em;
        width: 50.7vmax;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    
    .header-image {
        height: 7em;
    
    }

    .header-buttonrow {
        height:30px;
        width: 50vmax;
        padding: 3px;
        margin: auto;
        display: flex;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.6)
    }
    
    .header-button {
        color: #fcba03;
        padding: 10px;
        margin: 4px;
        font-size: 1.5rem;
        height: auto;
        width: 5em;
        display: flex;
        align-items: center; 
        justify-content: center;
        font-family: sotl;
        text-decoration: none;
        transition: 0.3s ease;
    }
    
    .header-button:hover {
        color: #a3200f;
    }

    .comic-main {
        background-color: #fdedcd;
        margin: auto;
        width: 50vmax;
        padding: 8px;
    }

    .comic-title {
        text-align: center;
        font-family: typewriterfont;
    }

    .comic-img {
        height: auto;
        width: 90%;
        display: block;
        margin: auto
    }
    
    .comic-img_cs {
        height: auto;
        display: block;
        margin: auto
    }

    .comic-text {
        text-align: left;
        color: black;
        padding: 2px 5px;
    }

    .comic-link {
        text-decoration: none;
        display: inline-block;
        font-weight: bold;
        transition: 0.3s ease;
    }

    .comic-link:hover {
        color: #a67c5d;
    }