/*ehrgiouehrgup*/
body {
    margin:0;
    padding:0;
    Background-COLOR:#FEFAE0;
    #menulogo{
        position: absolute;
        right:5px;
        top:5px;
        
    }
    
    .header{
        position: absolute;
        top:5px;
        right:5px;
        left:5px;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-news:center;
        gap:1px;
        margin:0px;
        border-radius:20px;
        flex: 1;
        padding: 10px;
        
        background-color: #657042!important;
        border:15px solid #464F29;
        border-radius:20px;
        height:150px;
        .logo{
            position:absolute;
            top:15px;
            left:15px;
            max-width:100px;
            max-height:100px;
            
            
            
            @media(max-width:768px){
                .logo{
                    width: 100px;
                }
            }
            @media(max-width:480px){
                .logo{
                    width:100px;
                }
            }
        }
        
        .cyberaninews-text h2 {
        text-align:center;
        }
        
        .navbar{
            direction:rtl;
            position: absolute;
            right:15px;
            top:70px;
            width:150px;
            border: 7px solid #666666;
            border-radius:20px;
            background-color: lightgray;
            
        }
        
        
        .menu-button{
            background-color: #393939;
            width:50px;
            height:50px;
            border:#393939;
            border-radius:25px;
            margin:5px 5px 5px 0px ;
        }
        .navbar1{
            
            position:absolute;
            right:90px;
            top:50px;
            
            background-color: transparent;
            color: #4A5548;
            margin:10px;
            
            padding: 10px;
            max-width:500px;
        }
        
        .navbar1 ul {
            
            
            list-style: none;
            display: flex;
            justify-content: space-around;
            margin:10px;
            padding: 0;
        }
        
        .navbar1 ul li {
            margin:10px;
            padding:10px;
            color: #4A5548;
            text-decoration: none;
        }
        
        @media (max-width: 768px) {
            .navbar1 {
                display: none;
            }
        }
        
    }
}


    table,th,td {
        border: 2px solid black;
    }
    
    table {
        background-color: blue;
    }
    h2 {
        text-align: center;
    }
    a {
        color: blue
    }
    a:hover{
        color:red
    }
    /* this line for font attrebuite */
    
    p {
        font-family: Al Bayan;
        font-size: 20px;
        font-weight: 20px;
        
    }
    
    
    td{
        color:red;
    }
    
    th{
        color:red;
    }
    .Last-news-continer{
        border:15px solid #BC6C25;
        background-color: #DDA15E;
background-position:center;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-news:center;
        gap:1px;
        margin:0px 0px 0px 0px;
        border-radius:20px;
        flex: 1;
        padding: 0px;
        min-width:350px;
      
    }
    
    
    .lift-news-continer{
        
        border:15px solid #4A5548;
        background-color: #606C38;
background-position:center;
display:flex;

flex: 3;
flex-wrap:wrap;
        justify-content:space-around;
        
        align-news:center;
        gap:1px;
        padding:0px;
        margin:0px;
        border-radius:20px;
        
        
    }
    
    .news-continer {
        display:flex;
        flex-direction:row-reverse;

        @media (max-width:768px){
            .news-continer {
            flex-direction:column-reverse;
            }
        }
        display: flex;
        border:7px solid transparent;
        background-color: transparent;
background-position:center;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-news:center;
        gap:1px;
        padding:auto;
        margin:0px 0px 0px 0px;
        border-radius:20px;
        
    }
    
    .news-title{
        font-family: Alee;
        font-size: 16px;
        margin:7px 7px 7px 7px;
        max-width:200px;
    }
    
    
    .news{
        display:flex;
        justify-content:center;
        align-news:center;
        margin:0;
        padding:0;
        
        
    }

.news-figure{
    justify-content:center;
    width:100%;
    max-width:200px;
    max-height:200px;
    border-radius:20px;
    justify:center;
}
.last-news{
    width:100%;
    margin:0;
    padding:0;
    
    
}
.last-news-figure{
    margin:0;
    width:100%;
    max-height:500px;
    border-radius:20px;
    justify:center;
    
}
.last-news-title{
    font-family: Alee;
    font-size: 16px;
    margin:7px 7px 7px 7px;
    max-width:200px;
}