body
   {background:linear-gradient(90deg,rgb(51, 126, 212),rgb(135,206,235));
     color:rgb(255,255,255);
    margin:0;
    padding-top:80px;
    }

   header {background:linear-gradient(180deg,rgb(255,255,255) 30%,rgb(176,226,255));
    color:rgb(255,255,255);
          color:rgb(0, 0, 0);
          box-shadow: 6px 6px 6px 6px rgba(0,0,0,0.4);
            padding-left:30px;
            padding-right:30px;
            padding-top:5px;
            padding-bottom:1px;
            width:auto;
          }
  
   header h1{font-family:Comic Sans MS;
             font-size:60px;
             text-shadow:-3px 3px 3px  rgb(0, 0, 0);
             color:rgb(219, 177, 12);
            margin-left: auto;
            margin-right: auto;
            }
   .site-header{position:fixed;
               width:100%;
               top:0;
               }
    
    nav {font-family:Comic Sans MS;
         color:rgba(157, 226, 255);
         text-shadow:0px 0px 7px  rgb(0, 0, 0);
         margin-top:-60px;
         margin-bottom:0px;
         padding-bottom:0px;
         
    }
         
    header ul{list-style-type:none;
              font-size:20px;
              text-align:right;
              padding-bottom:0px;
              margin-bottom:0px;
              }
              
    header li{padding-left:20px;
              padding-bottom:0px;
              margin-bottom:0px;
              display:inline;}
              
         
               
    
  

   #title {margin-top:0;}        
  
   article h1{color:rgba(157, 226, 255);
            font-size:50px;
            text-shadow:1px 2px 5px rgb(13, 13, 13)}

   article p {color:rgb(157, 226, 255);
             font-size: 35px;
             text-shadow:1px 2px 3px rgb(13, 13, 13);
             margin-bottom: -10px;
             
             }
 

   article {font-family:Comic Sans MS;
    
    background: linear-gradient(rgb(255,255,255),rgb(191,239,255));
    border-radius: 50px;
    width:auto;
    margin-left: 40px;
    margin-right: 40px;
    margin-top:40px;
    margin-bottom:30px;
    box-shadow: 6px 6px 6px 6px rgba(0,0,0,0.4);
    padding:5px 35px 5px 35px;
    
    
    }

    img{object-fit: cover;
       border-radius:30px;
      }

    .image {border-radius:35px;
            margin-top:0px;
            margin-bottom:0px;
            width:100%;
            height:100%;
            }



    
    
    footer {
            width: 900px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 50px;}
    

    a {color:inherit;
       text-decoration:none;}
    
    figure.photo-left {float:left;}    
   
   .flex{
    display: flex;
    justify-content: space-between;
    }