body {
    background-color: #FFFFFF; 
    font-family: 'Garamond', serif;
}
.header {
    text-align: center;
    padding: 10px ;
    margin: 10px;
    z-index: 99;
    position: sticky;
    top: 0;
}
.image-container {
    width: 100%;
    height: 150px;
    background: url('https://github.com/CarterBeauBenson/STIDS/blob/main/image/header.png?raw=true') no-repeat center center;
    background-size: contain; /* Updated this line */
    position: relative; 
    z-index: 1; 
}
.organizer img {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
}
.main-content {
    position: relative;
    z-index: 2; 
    background-color: #FFFFFF; 
}
.navbar {
    text-align: center;
    background-color: #008000; 
}
.navbar a {
    margin: 0 15px;
    padding: 20px;
    
    text-decoration: none;
    color: #F8F8FF;
    font-size: 24px; 
}
p, ul {
    font-size: 18px; 
    padding: 0 165px;
}
li {
    padding: 0px ;
}
h1, h2 {
    text-align: center; 
}
h3 {
    font-size: 18px; 
    padding: 0 150px;   
}
ul {
    list-style-type: square; 
    list-style-position: inside ;
}


/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}