body{
    font-family: ui-sans-serif,system-ui,'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue',Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    background-color: #0F1426;
}
.w200{
    font-weight: 200;
}
.w600{
    font-weight: 600;
}
.padding-even{
    padding: 20px;
}
.space-box{
    padding: 10px;
}
div.render-wallets{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
}
div.wallet-bg{
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    height: 80px;
    cursor: pointer;
    transform: translateY(50px);
    transition: 1.5s ease;
    opacity: 0;
}
div.wallet-bg.move-up{
    transform: translateY(0px);
    opacity: 1;
}
div.wallet-bg img{
    width: 20%;
    display: inline-block;
    margin-right: 10px;
}
div.pop-up-bg{
    width: 100%;
    height: 100vh;
    background-color: rgba(223, 223, 223, 0.788);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: .5s ease;
}
div.pop-up-bg.show{
    opacity: 1;
    visibility: visible;   
}
div.pop-up{
    width: 40%;
    padding: 50px !important;
    border-radius: 10px;
}
div.heading{
    display: flex;
    align-items: center;
}
div.heading img{
    width: 10%;
}
div.heading span{
    display: inline-block;
    margin-left: 20px;
    font-size: 18px;
}
.wallet-name{
    display: flex;
    align-items: center;
    border: 1px rgb(228, 228, 228) solid;
    padding: 10px;
    border-radius: 10px;
}
.wallet-name span{
    display: inline-block;
    margin-left: 10px;
}
.wallet-code{
    display: flex;
    align-items: center;
    border: 1px rgb(228, 228, 228) solid;
    padding: 10px;
    border-radius: 10px;
}
textarea{
    border: none !important;
    height: 100px !important;
}
textarea:focus{
    outline: none !important;
}
div.butotn-holder{
    text-align: right;
}
div.butotn-holder button{
    border: none;
    padding: 10px 30px;
    border-radius: 5px;
    cursor: pointer;
}
div.loading{
    width: 100%;
    height: 100vh;
    background-color: rgba(223, 223, 223, 0.788);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
div.loading.show{
    visibility: visible;
    opacity: 1;
}
div.loading img{
    width: 4%;
}
@media screen and (max-width: 620px){
    div.render-wallets{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    div.wallet-bg img{
        width: 15%;
    }
    div.pop-up{
        width: 90%;
        padding: 10px !important;
        border-radius: 10px;
    }
    div.heading{
        justify-content: space-around;
        margin-top: 30px;
    }
    div.heading img{
        width: 20%;
    }
    div.heading span{
        font-size: 15px;
    }
    div.loading img{
        width: 10%;
    }
}
@media screen and (width: 768px){
    div.wallet-bg img{
        width: 15%;
    }
    div.pop-up{
        width: 60%;
        padding: 10px !important;
        border-radius: 10px;
    }
    div.heading{
        justify-content: space-around;
        margin-top: 30px;
    }
    div.heading img{
        width: 20%;
    }
    div.heading span{
        font-size: 15px;
    }
}