body{
            margin: 0;
            background-color: #2c1c1c;

        }
        body a{
            color: #a1ffa9;
        }
        body a:hover{
            color: #ffa1a1;  
        }
        .topnavbar ul{
            list-style-type: none;
            padding: 0px;
            margin: 0px;
            background: #420303;
            background: linear-gradient(180deg, #440303 0%, #ad0000 100%);            
            overflow: hidden;
            display: flex;
            box-sizing: border-box;
            justify-content: space-around;
            border: outset #1a0a0a 3px;
            flex-wrap: wrap;
        }
        .topnavbar a{
            color:white;
            display: block;
            padding: 4px 50px;
            text-decoration: none;
        }
        .topnavbar a:hover{
            text-decoration: underline;

        }
        .topnavbar li{
            float:left;
        }
        .headernav{
            width: 100%;
            background: #1a0202;
            background: linear-gradient(0deg, #1a0202 28%, #d32727 65%, #ffffff 100%);
            box-sizing: border-box;
            border-top: solid 6px #1a0202;
        }
        .headernav img{
            background-color: black;
            display: flex;
            width: 100%;
            max-width: 700px;
            margin: auto;
            image-rendering: pixelated;
            image-rendering: crisp-edges;
            image-rendering: -moz-crisp-edges;
        }

        .falsecom-container{
            margin: 0px auto 10px;
            padding: 5px;
            border: solid 1px black;
            width: 456px;
            max-width: 100%;
            height: auto;
            background-color: rgb(150, 96, 96);
            overflow: hidden;
    }
    .falsecom-container img{
        max-width: 100%;
    }


    
    .wrapper{
        min-height: 70vh;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: 
        "main"
        ;
        }

    main{
        grid-area: main;
        border-style: outset;
        border-width: 4px;
        border-color: #5f0808;
        box-sizing: border-box;
        background-color: #38105e;
        color: white;
        min-height: 70vh;
        margin: 15px 7%;
        }




    .comicholder{
        display: flex;
        width: 100%;
        justify-content: center;

    }
    .comicpanel{
        max-width: 100%;
    }
    .comicpaneldoodle{
        max-width: 100%;
        max-height: 450px;
    }

    .selectorIcons{
        display: flex;
        gap:5%;
        width: 100%;
        justify-content: center;
    }
    .selectorIcons img{
        max-width: 80%;
        width: 130px;
        image-rendering: -moz-crisp-edges;
        image-rendering: crisp-edges;
        image-rendering: pixelated;
    }