html{
     background-image: url(3.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     background-position: center;
     
    }

body{
     font-family: Arial, Helvetica, sans-serif;
     margin:0 auto;
     padding: 0 auto ;
}



 nav{
     background-color:black;
     
     overflow:auto;
     padding: auto;
     
     
     
     
     
}

#LogoName {
             font-size: 2em;
             float:left;
             color :white;
             padding-left: 20px
} 

#Ulnav{
}

  .linav{
    float:right;
     margin-left:20px;
     margin-right:20px;
     
    
     
     
}

.linav a { 
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-weight: bold;
    }
     
     
li a:hover { 
        text-decoration: none;
        background-color:white;
        color:black;



}


main{
   
     
   /* opacity: 0.2; */
    height: 400px;
    margin: 100px 100px;
    overflow: fixed;
    text-align: center;
    
    
    

}

h2 , p{color:black;
font-size: 20px}



/*
.Pic{
    float: left;
    margin-right:25px;
}
.text{
    
    height: 400px;
    overflow: fixed;
    text-align: center;
    float: right;
    background-color:white ;
    
    
    
}
*/


.row{
    display: flex;
    
    margin: 50px;
    

    
}

 @media (max-width: 800px) {
    .row {
      -webkit-flex-direction: column;
      flex-direction: column;
    }}

.column{
    width: auto;
    float: left;
    flex: 1;
    
   
    
    
}

img{
    width:100%;
    
    /* filter: blur(10px);*/
  
    
 
     
 }

 .article{
     padding: 6px;
     background-color:orange;
     margin: 20px;
     width: auto;
 }
 
 ul {
    list-style-type: none;
    color:black;
 }

 footer{
     height: 20px;
     margin: 0px;
 }