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

nav {background-color: #093051;
   
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: sans-serif;

    
    }
nav ul { text-align: center;
            display:flex;
            flex-direction: row;
            list-style-type: none;
            justify-content: center;
            align-content: center;
            padding: 0px;
         
    
}

nav ul li a {
    text-decoration: none;
    color: white;
    padding: 25px;
    text-transform: uppercase;
    font-size: small;
    font-stretch: expanded;
   
    
}

nav a:hover {color: cornflowerblue;}

header {
        color: white;
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        }

header h1 {font-weight: 100;
    
            font-size: 2.2em}
header p {font-style: italic;}

body {background-image: url(background.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 100vh;
        
    
}


#icons ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        list-style-type: none;
        padding: 0px;
    
        }

#icons img {border: 1px solid white;
        padding: 5px;
      
      
        }

#icons li {margin: 15px;}
#icons li:hover {background-color: rgba(255, 255, 255, 0.4); 
                transition: background-color, 2s;}

#content {background-color: #093051;
            color: white;
            text-align: center;
        font-style: italic;
    position: absolute;
    bottom: 0;
  
           
}

#para {padding: 10px 25% 10px;
        line-height: 1.5em;
}

footer {font-family: sans-serif;
        color: white;
        text-align: center;
        background-color: black;
        font-style: normal;
        font-size: x-small;
        padding: 7px;
    
    
   
}