body { margin: 0px; padding: 0px; background-color: black; color: white; 
font-family: "Geneva", "Euphemia UCAS", "Andale Mono", Osaka, "Lucida Grande", sans-serif;   
}

img {border: none;}
img.photo {margin: 0px; padding: 0px;}

/* Main content */
.content {
    position: relative;
    z-index: 5;
    background: black;
    padding: 20px;
    margin-top: 260px; /* Adjusted to fit header */
        }
/* Header with an image */
.header {
    /*position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    height: 350px; /* Adjust height as needed */
    background: black;
    z-index: 10; /* Ensures it's above other content */
    padding: 30px;
    display: flex;
    justify-content: space-between;
}

/* Header sections */
.header .left-section {
    width: 48%;
    float: left;
}

.header .right-section {
    width: 48%;
    float: right;
}

/* Header image with fixed size */
.header img {
    width: 100%; /* Full width */
    max-width: 1200px; /* Prevents it from being too large */
    height: 180px; /* Fixed height */
    object-fit: cover; /* Ensures proper scaling */
}


h1 { /* font-variant: small-caps; */
  text-transform: uppercase;
  font-family: Thonburi, "Hei", "Geneva", "Euphemia UCAS", "Andale Mono", Osaka, "Lucida Grande", sans-serif;   
  font-weight: normal;
  font-size: x-large; 
  margin: 4px;
  padding: 7px 0.5em 1px;
  background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1 a, h1 a:hover { color: white; text-decoration: none; }

.large-textarea {
    width: 100%; /* Makes the textarea full-width */
    height: 400px; /* Sets a fixed height */
    padding: 10px; /* Adds padding for better readability */
    font-size: 16px; /* Increases font size for better usability */
}

h2{
    background: linear-gradient(330deg, #e05252 0%, #99e052 35%, #52e0e0 50%, #9952e0 55%, #e05252 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 30px;
    font-size: 2em;
}

.rainbow{
    background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

blogtitle{
    background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

a { color: rgb(204, 204, 255); text-decoration: none;}

.hover-1 {
  background-image: linear-gradient(#1095c1,#1095c1);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: .4s;
}
.hover-1:hover {
  background-size: 100% 100%;
}

a:hover { color: rgb(153, 153, 255); text-decoration: underline;}

.contentdiv { padding-left: 0.5em; padding-right: 1em; }
.contentdiv ul {margin-top: 2px; margin-left: 0.5em;}
.contentdiv ul li {padding-bottom: 1.5ex;}


/* These rules create divisions between individual posts */
div.fullblogarticlesframer {
    column-count: 2;
    column-width: 35em;
    width: 100%;
}

div.blogbody {
    border-color: rgb(51,0,51); 
    border-width: 2px; 
    margin: 4px; 
    padding: 0px 5px; 
    background-color: rgb(30, 30, 30);
    break-inside: avoid;
}
.blogboody a, .blogbody a:link, .blogbody a:visited {color: yellow;}