body {
     background-color: darkblue;
     background: linear-gradient(135deg, #1F9FFF, white 65%, #1F9FFF);   
     margin: 0px;
     padding: 0px;
     font-family: Verdana, sans-serif;
     font-size: 2em;
     // line-height: 1.5;
    }



    div#main {
     width: auto;
     margin: auto;
     border: 1px solid gray;
     background-color: #ffffff;
     // border-radius: 30px;                    
     // box-shadow: 0px 0px 20px gray;          

     }   

    header {
      background-color: darkblue;
      background: linear-gradient(135deg, #1F9FFF, white 50%, #1F9FFF);
      padding: 50px;
      text-align: center;
      border-bottom: solid 1px gray;
    
     }
     
    nav {
     // float: left;
     // width: 120px;
     padding: 20px;
     margin: 0px;
     text-align: center;
     
     }

    section {
     // margin-left: 180px;  
     padding: 20px;
     border-top: solid 1px gray;
     text-align: justify;

     }

    footer {
     background-color: lightblue;
     background: linear-gradient(135deg, #1F9FFF, white 50%, #1F9FFF);   /* pozadi s sikmym linearnim gradientem */
     text-align: center;
     border-top: solid 1px gray;
     clear: both;                         
     padding: 20px;
     
     }

    li {
      list-style-type: none;
       display: inline;
       margin-right: 20px;
     }