@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');


body {
    font-family: 'Amiri', serif;
}


header, footer {
    background-color: #69B3E7;
    color: #FFFFFF;
    text-align: center;
}

main {
    background-color: #FFFFFF;
    flex: 1;
}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    color: #FFFFFF;
    text-decoration: none;
}

header {
    height: 100px;
    font-size: x-large;
}

footer {
    height: 80px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #69B3E7;
    color: #FFFFFF;
    padding: 10px;
}

#solgan {
    font-size: 24px;
}

#homepageIMG, #alexlibraryIMG {
    display: flex;
    justify-content: center;
}

#alexlibrary, #qaitbayCitadel, #ancientRomanTheater, #serapeumofAlexandria, #grecoRomanMuseum, #montazahPalace, #raasAttinPalace, #abdelwahabVally, #balbaa, #abdoFarag, #karam, #blaban, #wesaya, #gad, #montaza, #anton, #maamora, #san, #green, #raml {
    border: 4px solid #69B3E7; 
    padding: 20px;
    margin: 20px; 
} 

#alexlibraryIMG img, #qaitbayCitadel  img, #ancientRomanTheater img, #serapeumofAlexandria img, #grecoRomanMuseum img, #montazahPalace img, #raasAttinPalace img, #abdelwahabVally img, #balbaa img, #abdoFarag img, #karam img, #blaban img, #wesaya img, #gad img, #montaza img, #anton img, #maamora img, #san img, #green img, #raml img {
    width: 25%; 
}
section img {
    margin: 10px;
}

#qaitbayCitadel section, #ancientRomanTheater section, #serapeumofAlexandria section, #grecoRomanMuseum section, #montazahPalace section, #raasAttinPalace section, #abdelwahabVally section, #balbaa section, #abdoFarag section, #karam section, #blaban section, #wesaya section, #gad section, #montaza section, #anton section, #maamora section, #san section, #green section, #raml section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}