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: black;
        width: 100%;
        
      
    }
  

    
    .footer_copyright{
        text-align: center;
        width: 100%;
        color: black;
        overflow-x: auto;
        background-color: black;
        display: ;
        
    }
    .header_logozone{
        background-color:orange;
        width: 100%;
        display: block;
        
        display: flex;
        justify-content: top;
        align-items: flex-start;
    }
    .header_nav{
        background-color:orange;
        width: 100%;
        height: fit-content;
        display: block;
        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:purple;
        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;
        font-family: 'Kenia', sans-serif;
        padding:30px;
        box-sizing:border-box;

        

    }
    .card {
        width: 50px;
        height: 90px;
        position: relative;
        display: inline-block;
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
       
    }
    .card:hover .img-top {
        display: inline;
    }