@media screen and (max-width: 1024px) {
    main {
        display: block;
        padding: .5rem 2rem;
        
    }

    .mobile-icons {
        display: flex;
    }

    .header-input {
        margin: 0;

    }
    .user-btn {
       display: none; 
    }

    .user-btn-mobile {
        display: block;
        margin-top: 2rem;
        margin-left: .5rem;
    }

    .menu-side {
        display: fixed;
        position: absolute;
        right: -1000px;
        background-color: #2D415B;
        height: 100vh;
        width: 254px;
        border-radius: 8px 0 0 8px;
        transition: .3s ;
        visibility: hidden;
    }

   .menu-side.active {
        right: 0;
        visibility: visible;
    }

    #divmenu {
        display: block;
        visibility: visible;
    }
 
    .menu-list {
        padding: 1.5rem 0;
        top: 0;
        min-width: 100px;
        border-radius: 8px 0 0 0;
    }

    #comunidade {
        padding-bottom: 2rem;
        border-style: solid;
        border-bottom-width: 1px;
        border-top-width: 0;
        border-right-width: 0;
        border-left-width: 0;
        border-color: rgba(255, 255, 255, .08);
    }

    .menu-list>.label {
        display: none;
    }

    i {
        font-size: 24px;
    }

    #divmenu {
        cursor: pointer;
    }

    .cards {
        display: block;
        height: auto;
        margin-bottom: 2.5rem;
    }

    .card-wrapper {
        width: 100%;
    }

    .btn-highlight {
        width: 100%;
    }

    .mp-container {
        margin: auto;
    }

    .p-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .linguagem {
        width: 50%;
        margin-right: 1rem;
    }

    .border-colors {
        width: 50%;
    }

    .btn-save {
        margin-bottom: 2.5rem;
    }

}


@media screen and (max-width: 768px) {
    
    .header-input {
        display: none;
    }

    .menu-side {
        height: 80vh;
    }

    #divlupa {
        visibility: visible;
        margin-right: 2.25rem;
    }
}