*, *::before, *::after {
    box-sizing: border-box;
}



body
{
    height: 95dvh;
    width: 95dvw;
}
header {
    display: flex;
    align-items: center;
    /*padding: 2em;*/   
}

header h1 {
    display: flex;
    align-items: center;
    /*border: solid;*/
    flex-grow: 3;
    font-size: 4em;
}
nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*border: solid;*/
    flex-grow: 1;
    font-size: 1.25em;
}

.PageDescription {
    display: grid;
    grid-template-columns: 1fr 8fr 1fr;
}
.divabout2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*padding-inline: 1em;*/
    /*border: solid;*/
    /*width: 100%*/
}
 h2{
    font-size: 3em;
}

 p, li {
    font-size: 1.5em;
}

.Photosdiv {
    display: grid;
    grid-template-columns: 1fr 8fr 1fr;
}

.uldiv {
    display: grid;
    grid-template-columns: 1fr 1fr 3fr 1fr 1fr;
}

.TopicPhotos, ul{
    /*border: solid;*/
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 2em;
    
    
}

.TopicPhotos a {
    /*border: solid;*/
    display: flex;
    flex-direction: column;
    align-items: center;
 
}

a:link, 
a:visited, 
a:hover, 
a:active  {
    color: black; 
    text-decoration: none; 
}


    .TopicPhotos a img{
        width: 25em;
        min-height: 0em;
        flex-grow: 1;
        aspect-ratio: 1.15/1;
    }

    .TopicPhotos a p {
        flex-grow: 0;
        font-size: 1.25em;
        font-weight: bold;
    }


footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*border: solid;*/
   /* padding: 2em;*/
    font-size: 1.25em;
    /*width:100%;*/
}