body
{
    background-color:#eee;
}
header{
    background-color:#8ef7e1;
    padding:10px;
}
 header h1{
     text-align:center;
     color:red; 
}
 nav{
     background-color:#2e7e52;
 }
 ul{
     list-style-type:none;
     display:flex;
     margin:0px;
     padding:0px;
     justify-content:space-around;
     flex-wrap:warp;
 }
 li{
     padding:12px 5px;
 }
 a:link{
     padding:7px 20px;
     background-color:#eee;
 }
 footer{
     background-color:#8ef7e1;
     padding:5px;
 }
 main{
     display:flex;
     background-color:#2e7e52;
 }
 article{
     flex:1;
     background-color:#eee;
     margin:10px;
     padding:10px;
 }
 aside{
     flex:1;
     background-color:#eee;
     margin:10px;
     padding:10px;
     display:flex;
     align-items:center;
 }
 aside img{
     width:100%;
 }
 #bilder{
     display:flex;
     flex-wrap:wrap;
     align-items:center;
 }
 .bild{
     flex:1;
     min-width:100px;
     max-width:200px;
     margin:5px;
}
 }