* {
        margin: 0; padding: 0; border: 0; box-sizing: border-box;
    }

#container {

margin: 20px;
max-width: fit-content;
}


header {
font-size: 20pt;
text-align: center;
padding: 5px;
border: 3px ridge green;
background-color: rgb(125, 207, 125);
}

body {

background-color: tan;

}

p {

padding-top: 15px;
font-size: 14pt;

}

#examples {

    
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    gap: 12px;
    padding: 12px;
    
    
    }
    
    .example_item a {
    
    display: block;
    width: 100%;
    height: 100%;
    
    }
    
    .example_item {
    
        border: 4px solid grey;
        min-height: 300px;
        min-width: 225px;
        
        
    }
    
    #examples figure {
        background-size: cover;
        background-position: center;
       
        
    }
    
    
    
    #examples figure:nth-child(1) {
    
    background-image: url(brisbanethumb.jpg);
    
    }
    
    #examples figure:nth-child(2) {
    
        background-image: url(trak.jpg);
        
        }
    
        #examples figure:nth-child(3) {
    
            background-image: url(demo_rangethumb.jpg);
            
            }
    
            #examples figure:nth-child(4) {
    
                background-image: url(sunsetthumb.jpg);
                
                }

    
                #examples figure:nth-child(5) {
                    filter: none;
                    background-image: url(statuethumb.jpg);
                    
                }
    
    
                    #examples figure:nth-child(6) {
    
                        background-image: url(oceanthumb.jpg);
                        
                        }