@charset "8-utf"
    /*css document*/

 body {
     background-color: whitesmoke
 }
header {
    background-color: whitesmoke;
    margin: auto;
    max-width: 90%;
    position: relative;
    
    padding: 40em;
    }

header img {
    position: absolute;
    top: 40px;
    left: 50px;
    width: 10%;
    border-radius: 5em;
    border-color: white
    }

h1 {
    position: absolute;
    top: 65px;
    left: 300px;
    color: black;
    font-family: "helvetica";
    
   
    
    }

h2 {
    position:absolute
        top: 80px;
    left: 300px;
    font-family: "helvetica";
    color: dimgrey
}

h3 {
    position:absolute
        top: 80px;
    left: 300px;
    font-family: "helvetica";
    color: dimgrey
}
    

header p {
    position: absolute;
    top: 110px;
    left: 310px;
    font-size: 1em;
    color: grey;
    font-family: "helvetica";
    font-style: italic;
    
    
    }

nav ul{
    list-style: none;
    position: absolute;
    left: 250px;
    top: 150px;
    }

nav li{
    display: inline-block;
    padding: 0.1em;
    vertical-align: top;

    font-family: "helvetica";

    background-color: gainsboro
        
    }

nav a{
    display: block;
    font-size: 1em;
    padding: 0.5em;
    }

main{
    background-color: white;
    position: absolute;
    top: 250px;
    width: 1700px;
    padding: 1em 
    
    }






#p1 {
    background-color: lightgray;
    display: inline-block;
    margin: 10px;
    max-width: 100%;
    padding: 1em;
    float: left
    text-align: left;
    font-size: 0,4 ;
    font-style: italic;
    font-family: "helvetica";
    color: whitesmoke;
}

#p2 {
    background-color: lightgray;
    display: inline-block;
    margin: 10px;
    max-width: 100%;
    padding: 1em;
    float: left
    text-align: left;
    font-size: 0,4 ;
    font-style: italic;
    font-family: "helvetica";
    color: whitesmoke;
}

#p3 {
    background-color: lightgray;
    display: inline-block;
    margin: 10px;
    max-width: 100%;
    padding: 1em;
    float: left
    text-align: left;
    font-size: 0,4 ;
    font-style: italic;
    font-family: "helvetica";
    color: whitesmoke;
}

#p4 {
    background-color: lightgray;
    display: inline-block;
    margin: 10px;
    max-width: 100%;
    padding: 1em;
    float: left
    text-align: left;
    font-size: 0,4 ;
    font-style: italic;
    font-family: "helvetica";
    color: whitesmoke;
}

#p5 {
    background-color: lightgray;
    display: inline-block;
    margin: 10px;
    max-width: 100%;
    padding: 1em;
    float: left
    text-align: left;
    font-size: 0,4 ;
    font-style: italic;
    font-family: "helvetica";
    color: whitesmoke;
}





footer {
    position: absolute;
    top:90%;
    
    font-style: italic;
    font-family: "helvetica";
    font-size: 0,3em;
}