* {
    font-family: monospace;
    }
    html {
        margin-top: 20px;
        height: auto;
    }
    body {
        background-color: #1a1834;
        margin-left: auto;
        margin-right: auto;
        min-width: 300px;
        max-width: 643.800px;
    }
    p {
        color: white;
        font-size: 12px;
    }
    .center {
        border-style: solid;
        border-color: white;
        border-width: 1px;
        padding: 5px 15px 5px 15px;
        background-color: hsl(245, 37%, 13%);
        justify-content: space-between;
        display: flex;
    }
    h1 {
        color: white;
        font-size: 18px;
        font-weight: normal;
    }
    .body {
        border-width: 1px;
        border-color: white;
        border-style: solid;
        margin-top: -1px;
        height: auto;
        padding: 5px 20px 10px 20px;
        background-color: hsl(245, 37%, 13%);
    }
    div.outro {
        margin-top: -1px;
        border-style: solid;
        border-color: white;
        border-width: 1px;
        padding: 5px;
        background-color: hsl(245, 37%, 20%);
    }
    p.outro {
        font-size: 13px;
        text-align: center;
        margin: 3px;
    }
    p.footer {
        font-size: 12px;
        text-align: center;
    }
    div.banners {
        margin-top: 10px;
        max-width: 500px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }
    ul {
        list-style-type: disc;
        color: white;
    }
    div.nav {
        border-style: solid;
        border-color: white;
        border-width: 1px;
        background-color: hsl(245, 37%, 20%);
        margin-top: -1px;
        padding-left: 5px;
        display: flex;
        justify-content: center;
    }
    div.navdir {
        margin-top: 5px;
        padding-left: 5px;
        display: flex;
        justify-content: left;
    }
    p.nav {
        margin: 5px;
    }
    p.navdirsep {
        margin: 5px 5px 5px 5px;
    }
    p.sep {
        margin: 5px;
        margin-top: 6px;
        font-size: 10px;
    }
    h2 {
        font-weight: normal;
        color: white;
    }
    div.imgbox {
        border-style: solid;
        border-color: white;
        border-width: 1px;


        flex-wrap: wrap;
        padding: 3px 10px 10px 20px;
        display: flex;
        justify-content: center;
    }
    img.imgbox {
        width: 160px;
        height: 126px;
        color: white;
    }
    div.imgentry {
        border-style: solid;
        border-color: white;
        border-width: 1px;
        max-width: 160px;
        height: 126px;
    }
    div.imgtime {
        border-style: solid;
        border-color: white;
        border-width: 1px;
        margin-top: -1px;
        display: flex;
        justify-content: center;
    }
    p.imgtime {
        margin: 6px;
    }
    div.imgdesc {
        border-style: solid;
        border-color: white;
        border-width: 1px;
        margin-top: -1px;
        width: 160px;
        min-height: 28.5px;
    }
    p.imgdesc {
        margin: 6px 6px 6px 10px;
    }
    div.imgbtn {
        border-style: solid;
        border-color: white;
        border-width: 1px;
        margin-top: -1px;
        width: 160px;
    }
    p.imgbtn {
        margin: 6px 6px 6px 10px;
    }
    a {
        text-decoration-color: white;
    }
    a.imgbtn {
        font-weight: bold;
        font-size: 10px;
    }
    a:link {
        color: gray;
    }
    a:visited {
        color: gray;
    }
    div.imgcont {
        margin-right: 10px;
        margin-top: 7px;
        min-height: 208px;
        max-height: 266px;
        position: relative;
    }
    .inline {
        display: inline;
    }
    div.imgnewest {
        display: flex;
        justify-content: center;
        background-color: rgba(14, 82, 104, 0.9);
        margin-bottom: -10px;

        top: 1px;
        left: 1px;
        position: absolute;
        width: 160px;
        z-index: 10;
    }
    p.imgnewest {
        margin: 5px;
    }
    div.entries {
        flex-wrap: wrap;
        padding: 5px 10px 2px 10px;
        display: flex;
        justify-content: center;
    }
    div.entrybox {
        margin-bottom: 8px;
        width: 100%;

        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    div.entry {
        border-style: solid;
        border-color: white;
        border-width: 0px;
        width: 100%;
    }

    div.entrybtn {
        border-style: solid;
        border-color: white;
        border-width: 0px;
        margin-left: 6px;
        width: 100%;
    }
    div.entryleft {
        width: 100%;
    }

    p.entrybtn {
        margin: auto;
        text-align: center;
        font-size: 13px;
    }
    p.secret {
        font-size: 8px;
        text-align: center;
    }
    a.entrybtn {
        margin: auto;
    }
    .logo {
        width: 25px;
        height: 25px;
        margin-top: 10px;
    }
    div.imgboxblog {
        flex-wrap: wrap;
        padding: 3px 10px 10px 20px;
        display: flex;
        justify-content: center;
    }
    div.entrydesc {
        border-style: solid;
        border-color: white;
        border-width: 0px;
        margin-top: -1px;
        width: 100%;
        display: flex;
    }
    p.entrytitle {
        margin: 4px 0px 4px 5px;
        font-size: 13px;
    	font-weight: bold;
	padding-top: 4px;    
    }
    p.entrydesc {
        margin: 4px 0px 4px 5px;
        font-size: 11px;
        padding: 2px;
    }
    h4 {
        color: white;
        text-decoration: underline;
    }

    
    
    img.entryimg {
    /* Allow images to grow and shrink equally, starting at 0 base width */
    flex: 1 1 0px;
    width: 0; /* Prevents images from forcing their original physical width */
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

    div.entryimg {
        border-style: solid;
        border-color: white;
        border-width: 1px;
        width: 65%;
        margin-bottom: -1px;
        padding-bottom: 0px;
        display: flex;
        justify-content: center;
        gap: 5px;
        overflow: hidden; /* This is the safety net */
        box-sizing: border-box;
    }
    img {
        color: white;
    }
    h3 {
        color: white;
    }
    img.badge {
        width: 88px;
        height: 31px;
    }
    small {
        color: white;
    }
    ins {
        color: white;
    }
    p.good {
        color: #7CFC00;
    }
    p.moderate {
        color: yellow;
    }
    p.bad {
        color: red;
    }
    del {
        color: white;
    }
    ol  {
        color: white;
    }
    pre  {
        padding: 10px 15px 10px 15px;
        display: inline-block;
        border-style: solid;
        border-color: white;
        border-width: 1px;
        color: white;
    }