#btn-side {
    display: none;
    font-size: 20px;
}

@media (max-width: 1024px) {
    :root {
        font-size: 80%;
    }
}
@media (max-width: 820px) {
    #btn-side {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1000;
    }
    aside {
        /* display: none; */
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /* visibility: hidden; */
        transform: translateX(-100%);
        transition: all 0.3s ease-in-out;
    }
    /* aside.hide {
        visibility: hidden;
        transform: translateX(-100px);
    } */
    aside.show {
        visibility: visible;
        transform: translateX(0);
    }
    main .header {
        margin-top: 1rem;
    }
}