news.css

*{
    font-size:20px;
    padding:0;
    margin:0;
    box-sizing: border-box;
}
body{
    background-image:url(img/img.JPG);
    background-repeat: no-repeat;
    background-size:100%;
height:100%;
animation: slide 10s infinite;
    
    }
@keyframes slide{
    30%{
        background:url(img/1.JPG);
         
     }
     50%{
 background:url(img/2.JPG);
         
     }
     75%{
         background:url(img/3.JPG);
     }
     
}

.container{
    display:flex;
    min-height:6%; 
    font-family:'Roboto Mono', monospace ;
   
   }
 .container .site-logo{
     color:white;
        border:1px double aqua;
        margin:15px ;
         border-radius: 2px;
         border-left:1px hidden red;
         border-right:1px hidden red;  
    }
  
  
ul{
    list-style-type:none;
    display:flex;
   position:absolute;
   font-size:20px;
   margin:19px;
   top:1px;
   justify-content:space-around;
   
   
   
}
ul li  a{
    color:white;
    text-decoration:none;
    margin:18px;
    padding: 3px;
    border-radius: 7px;
    
}
ul li a:hover{
    background-color:#fff;
    color: black;
}

#newssection{
    margin:15px 0px 0px 150px ;
}

.head{
      margin:0 0 20px -300px;
     color:aqua;
     font-size: 2em;
}
#newssection table tr td img{
    margin-bottom: 20px;
    margin-right:20px;
cursor: pointer;
}