* {  margin:0;
     padding:0;}
body { background-color:  gainsboro;
     }

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    }
  
li a {
        display: block;
        color: #000;
        padding: 8px 16px;
        text-decoration: none;
       }
  
li a:hover {
             background-color: #555;
             color: white;
            }

ul {
     border: 1px solid #555;
     list-style-type: none;
     width: 20%;
     background-color: lightyellow;
     position:absolute; 

    }
  
li {
     text-align: center;
     border-bottom: 1px solid #555;
    }
  
li:last-child {
                border-bottom: none;
                }

article {      
          border: 15px solid #888888;
          background-color: silver;
          width: 70%;
          position:static;
          float: right;    
          padding: 15px;  
          margin: 20px; 
          border-radius: 25px;
          
                    
         }

nav {                         
    width: 25%;
    float: left;
    margin: 10px;
    }

footer {                         
      bottom: 20px;
      position: fixed;
      width: 100%;
      text-align: center;
      background-color: slategray;
      border-color: yellow;
      }   

header { 
         background-color: lightslategray;
         text-align: center;
         
        }

p { text-align: ;
     
     font-family:system-ui, -apple-system, 
     BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, 
     Ubuntu, Cantarell, 'Open Sans', 
     'Helvetica Neue', sans-serif  }   



         
         
         
  



.obrazkymain {  border: 10px; 
     border-color: #c70039; 
     
    }     

img   {
        align="right"

}
  
.text {  border: 10px saddlebrown;}

.patrikfoto {  float:right;
               padding: 2px;
               display: flex;
               
            


}

.spsjedofoto {    float: left; 
       
 }

figure {  border: 10px;
     border-color: red;
     border-radius: 25px;
       





}
    
//img   {width: 100%; }