.bolumn {
        display: inline-block; /* Makes columns appear side by 
        padding: 10px; /* Just for visibility */
        text-align: center;
        vertical-align: top; /* Aligns content properly */
  }

.double-border{
	border-top: 4px double black;
	border-bottom: 4px double black;
	padding: 10px 0;
	text-align: center;

}

.psyc {
	background: url('pyschedelic.gif') no-repeat center center fixed;
        background-size: cover;
}

.margin {
	margin: 0;
	border-bottom: 1px solid black;
	padding: 10px;
	text-align: center;
	color: black;
}

.border{
	display: inline-block;
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding: 10px;
	text-align: center;
}

.info {
	display: inline-block;
	border: 4px double black;
        padding: 10px 0;
        text-align: center;
	color: black;
}

.img {
	height: 700px;
	width: auto;
}

.horizontal {
	height: 400px;
       	width: auto;
       	padding: 10px;

}

.rex {
	height: 440px;
       	width: auto; 
	padding: 10px;
}

.ohno {
	 background-color: white;
}
.footer {
    background-color: #000; /* Fully black background */
    color: #fff; /* White text color */
    text-align: center; /* Center the text */
    padding: 20px 0; /* Add some padding for spacing */
    margin-top: auto; /* Push the footer to the bottom of the page */
    width: 100%; /* Full width */
    font-family: Arial, sans-serif; /* Clean font */
}

@media only screen and (max-width: 768px) {
	.img {
		height: 250px;
		width: auto;
	}

	.horizontal {
		height: 170px;
		width: auto;
		padding: 10px;
	}
	.rex {
		height: 210px;
		width: auto;
		padding: 10px;
	}
} 




body[theme="dark"] .double-border{
        border-top: 4px double white;
        border-bottom: 4px double white;
        padding: 10px 0;
        text-align: center;

}

body[theme="dark"] .margin {
        margin: 0;
        border-bottom: 1px solid white;
        padding: 10px;
        text-align: center;
}

body[theme="dark"] .border{
        display: inline-block;
        border-right: 1px solid white;
        border-left: 1px solid white;
        padding: 10px;
        text-align: center;
}
body[theme="dark"] .info {
        display: inline-block;
        border: 4px double white;
        padding: 10px 0;
        text-align: center;
}

.cool {
	color: black;
} 

.dool {
	color: black;
	padding: 5px;
}

.angel {
	font-style: italic; 
	margin: 0;
	 color: black;

}
body[theme="dark"]{
	background-color: #333333;
}

body[theme="dark"] .cool{
	color: white;

}

body[theme="dark"] .dool {
	color: white;
	padding: 5px;

}
body[theme="dark"] .angel {
        color: white;
	 font-style: italic;
        margin: 0;
	
}