* 
    { 
    margin: 0; padding: 0; border: 0; box-sizing: 0;
    box-sizing: border-box;
    
    }
#container
    
    {
    /* width: 80%; min-height: calc(100vh - 40px); margin: 10px auto; */
    background-color: rgba(50,50 200,.7);
            
    }
    
.background1 
    {
    background-image: url(../photos/fall-city-river.jpg);
    background-size: cover;
    filter: opacity(75%);
    min-height: 30vh;
    width: auto;
    position: absolute auto;
    background-position: center 40%;
    margin-top: 15px; 
    /* margin-bottom: 1%; */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    border: solid rgb(2, 110, 153);
    background-size: 100%;
    }
main 
    { 
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        margin-right: 1%;
        font-size: 15pt;
        text-align: right;
        color: white;
    }
body 
    { 
        background-color: rgb(7, 224, 214);
    }
h1  
    { 
        font-family: font-family 'Montserrat', sans-serif;
        font-size: 30pt;
        text-align: center;
        margin-top: 1%;
        
    }
.h2 
    {
        text-align: center;
        border-width: 15px;
        border-color: rgb(37, 36, 36) grey rgb(37, 36, 36) grey;
        border-style: solid;
        margin-left: 250px;
        margin-right: 250px;
    }
ul.navbutton  
    { 
    display: flex;
    justify-content: center;
    }   

ul.navbutton li
    {
    list-style-type: none;
    }


.button1 
    {
        display: block; /* make them into a block element*/
        background-color: rgb(50, 134, 230);
        color: white;
        font-weight: bold;
        text-decoration: none; /*remove the underline*/
        border-radius: 16px;
        padding: 12px; /* space between text and border */
        width: 200px auto;
        text-align: center;
        margin: 20px 20px auto;
    
        /* transition effect for button hover */
        transition: all 300ms ease-in-out;
    }
    /*pseudo class*/
.button1:hover 
    {
        background-color: rgb(21, 248, 70);
        color: black;
    }
