body{
            margin: 0;
            background-color: #290a0a;
        }


        .navbar {
            display: flex;
            box-sizing: border-box;
            border-style:groove;
            border-color: #57022d;
            border-width: 3px;
            justify-content: center;
            padding: 0px;
            background-color: #972828;
            width: 100%;
            min-width: 600px;
        }
        .navbar a{
            color: #000000;
            text-decoration: none;
            width: 100%;
            text-align: center;

        }
        .navbar a:hover{
            text-decoration: underline;

        }
        .pageWrapper{
            display: flex;
            align-items: center;
            flex-direction: column;
            background-color: #4c3053;
            margin: 15px auto;
            width: 90%;
            min-height: 500px;
            box-sizing: border-box;
            border-style:inset;
            border-color: #280831;
            border-width: 6px;
            color: #ffffff;

            min-width: 600px;
        }
        .pageWrapper h1, h2, p{
            margin: 0px;
            text-align: center
        }
        
        .dorksPanel{
            display:flex;
            justify-content: center;


        }

        .dorksPanel img{
            width: 95%;

            
        }
        /** DIVIDER FOR COMIC **/
        .comicselector{
            display: flex;
            justify-content: flex-start;

        }
        .comicIcon{
            display: flex;
            align-items: center;

        }
        .comicIcon img{
            width: 150px; 
            height: auto;
            image-rendering: -moz-crisp-edges;
            image-rendering: crisp-edges;
            image-rendering: pixelated;
        }