#chad {
    height: 100%;
    width: 100%;
    display: none;
}

#chad img{
    width: 100%;
    height: 100%;
    z-index: 100;
    position: fixed;
    object-fit: contain;
}

#chad-bg {
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    position: fixed;
    background-color: #050715;
}

@keyframes pop {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes flash {
    0% {
        opacity: 0;
    }
    5%, 80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

#connect {
    cursor: pointer;
}

#connect-pop {
    height: 100%;
    width: 100%;
    z-index: 98;
    display: none;
    position: fixed;
    cursor: pointer;
    background-color: #050715;
}

#connect-pop img {
    padding: 5%;
    height: 100%;
    width: 50%;
    object-fit: contain;
}

#connect-mm, #connect-wc {
    transition: ease-in-out 0.5s;
}

#connect-mm:hover {
    background-color: #753002;
}

#connect-wc:hover {
    background-color: #0261c7;
}

@keyframes pulse {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.stacking-avatars-items {
    max-height: 650px;
    overflow-y: hidden;
    transition: ease-in-out 1s;
}

.stacking-avatars-item {
    margin-right: 0;
    margin-bottom: 0;
    margin-bottom: 15px;
    margin-left: 15px;
    transition: ease-in-out 0.3s;
}

.stacking-avatars-item:hover {
    transform: scale(0.9);
}

.button-up, .button-down {
    transition: ease-in-out 0.1s;
}

.button-up:hover, .button-down:hover {
    transform: scale(0.9);
}

.button-rectangle{
    cursor: pointer;
}

.selected {
    background-color: #0d6efd;
}

.selected img {
    transform: scale(0.9);
}

.stacking-box-items {
    padding: 30px 30px;
}

.stacking-image {
    display: grid;
    place-items: center;
}

.stacking-image img {
    width: 400px;
    object-fit: contain;
}

#selected-nft, #selected-box {
    display: none;
}

#select-all {
    margin-bottom: 10px;
}

#inventory {
    margin-left: -15px;
}

.inventory-info {
    width: 100%;
    margin-left: 15px;
}