@media (max-width: 1150px) {
    #closeButton {
        display: block;
        /* background: red; */
        position: fixed;
        top: 10px;
        right: 10px;
        padding: 9px;
        border: none;
        font-size: x-large;
    }
    .wrap{
        margin: 40vh;
    }
    .text {
        line-height: 10px;
        font-size: 14px;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .left {
        width: 250px;
        transform: translateX(-100%);
    }

    .right {
        width: 100%;
        margin-left: 0;
        display: flex;
        justify-content: center;
    }

    .left.show {
        transform: translateX(0);
    }
    /* toggle */
    .left-toggle {
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 24px;
        cursor: pointer;
        z-index: 1000;
      }
      #leftMenu {
        cursor: pointer;
        padding: 10px;
        background-color: #af9587;
        color: #fff;
        width: 400px;
        text-align: center;
        position: fixed;
        top: 0px;
        left: -400px; /* Initially hidden off-screen */
        z-index: 1100;
        transition: left 0.3s; /* Smooth transition for the sliding effect */
      }
      #leftMenu.show {
        left: 0px; /* Slide in */
      }
      
      #sidebar {
        /* position: fixed; */
        top: 0;
        width: 400px;
        /* height: 100%; */
        background-color: #af9587;
        transition: left 0.3s; /* Smooth transition for the sliding effect */
      }
    .inner-card{
        position: relative;
        top: 20vh;
    }
    .copyright.mt-5 {
        position: fixed;
        top: 85vh;
        display: flex;
        justify-content: center;
    }
    #leftMenu.show{
        height: 100vh;
    }
}