body {
    background-color: #FAF8FC;
}

h1 {
    color: #121a23;
    font-family: 'Arial', s-serif;
    text-align: center;
    margin-top: 50px;
}

#gallerybox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
}

#descone, #desctwo {
    background-color: #DDDEEA;
    border: 1px solid black;
    border-radius: 8px;
    padding: 20px;
    margin: 20px auto; /* top/bottom 20px, left/right auto */
    width: 60%;        /* fixed width needed for auto centering */
}

#headbanner {
    background-color: #DDDEEA;
    width: 100%;
    height: 100px;
    padding: 20px; /* adds inner spacing */
    box-sizing: border-box; /* ensures padding doesn’t break width */
}

#footerbanner {
    background-color: #DDDEEA;
    width: 100%;
    height: 145px;
    padding: 20px; /* adds inner spacing */
    box-sizing: border-box; /* ensures padding doesn’t break width */
}