body{
    margin:0;
    padding:0%;
    background-color: black;
    }
    
    .header{
        background-color: blue;
        
    }
    .content{
        background-color:white;
    }
    
    .footer{
        background-color:black;
        padding: 20px;
    }
    .header_container {
        background-color: #db0000;
        width: 100%;
        
      
    }
    .heder_logo1{
        width: 50%;
    }
    .header_logo2{
        width:50% ;
    text-align: right;}
    
    .footer_img {
        width: 100%;
        text-align: center;
    }
    .footer_copyright{
        text-align: center;
        width: 100%;
        color: white;
        
    }
    .header_logozone{
        background-color:#db0000;
        width: 100%;
        display: block;
        float left: ;
        display: flex;
        justify-content: top;
        align-items: flex-start;
    }
    .header_nav{
        background-color:#db0000;
        width: 100%;
        height: fit-content;
        display: block;
        float left: ;
        overflow: auto;

    }
    nav{
        display: flex;
        
    }

    nav a{
    text-decoration: none;
    padding: 10px;
    background-color:black;
    color: white;
    font-weight: 800;
    flex: 1;
    text-align: center;
    display: flex;
    }
    
    nav a:hover{
        background-color: orange;
    }
    nav a.active{
        background-color: #db0000;
        color: white;
    }
    nav a.active:hover{
        background-color: aqua;
    }
    .content_left{
        width: 20%;
        background-color: fuchsia;
        float: left;
        min-height: 300px;

    }
    .content_left nav{
        flex-direction: column;
    }
    .content_right{
        width: 80%;
        background-color: aquamarine;
        float: right;
        min-height: 300px;

    }