body{

margin:0;

background-image:url("Background.jpeg");
background-repeat:repeat;

font-family:Arial, Helvetica, sans-serif;

}

/* MAIN PAGE FRAME */

.page{

width:1100px;

margin:40px auto;

background-color:white;

border:6px solid black;

display:flex;

}

/* SIDEBAR */

.sidebar{

width:200px;

padding:15px;

background:#eeeeee;

border-right:4px solid black;

}

.sidebar h2{

margin-top:0;

}

.sidebar a{
  
width:200px;

display:block;

padding:8px;

margin-bottom:8px;

text-decoration:none;

color:black;

border:2px solid black;

background:white;

font-weight:bold;

}

.sidebar a:hover{

background:red;

color:white;

}

/* CONTENT AREA */

.content{
flex:1;
padding:20px;
min-width:0;
}

/* RIGHT SIDEBAR / AD COLUMN */
.rightbar {
    flex: 0 0 150px;         /* Prevents column from disappearing */
    width: 150px;
    padding: 15px;
    background: #f9f9f9;
    border-left: 4px solid black;
    text-align: center;
    min-height: 200px;       /* Keeps it visible if ad fails to load */
}


/* THE AD BORDER */
.ad-border {
    border: 4px double lightgrey; /* Your double line! */
    background-color: white;      /* Ensures the gap in the double line is white */
    padding: 2px;                 /* Tiny space between image and border */
    display: block;               /* Helps with spacing */
    margin: 0 auto;               /* Centers the image */
    max-width: 100%;              /* Prevents the ad from breaking the layout */
    height: auto;
}


#randomLink:hover .ad-border {
    border-color: grey;           /* Darkens slightly when hovered */
}
#randomImage{
    width:120px;
}

.comic-image{
max-width:100%;
border:4px solid black;
}