* {
    margin: 0%;
    padding: 0%;
}
#check{
    display: none;
}


@media screen and (max-width: 35em) {
    .navigation_items li {
        display: block;
    }
    

    .left,
    .right {
        position: fixed;
        height: 100%;
        width: 50px;

    }

    #menu_btn {
        display: block;
    }

    .logo img {
        height: 2.5rem;
        width: 2.5rem;
        margin: 1rem 1rem 1rem 1rem;
    }

    #notification_btn {
        margin: 1rem;
    }

   


}





@media screen and (max-width:62em) {
    .navigation_items ul li{
        margin: 3rem 1rem 1rem 1rem;
    }
    .navigation_items ul li a {
      
        color: black;
        
    }
    #cancel_btn{
        margin-top: 5rem;
    }

    .navigation_items ul  {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
       
        background-color: #e7f5ff;
        align-items: center;
        position: fixed;
        top: 0px;
        left: -100%; 
        transition: all 0.3s ease; 
        z-index: 1;
       
    }
    #cancel_btn{
        display: block;
        color: black;
        /* width: 100%; */
    }
    #check{
        display: none;
    }

    #menu_btn {
        display: block;
    }

    
}