/* * {
    outline: 1px solid red;
} */

html, body {
    margin: 0;
    padding: 0;
}

body {
    /* background: #fff159; */
    background: #ebebeb;
}

i {
    color: green;
}
.full-screen-height {
    height: 90vh;
}

.full-height {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card {
    box-shadow: 23px 23px 15px rgba(0, 0, 0, 0.2);
}

.msg { 
    font-size: 0.7rem!important;
    color: rgb(156, 0, 0)!important;
}

.explain, .explain ul, .explain li {
    font-size: 0.9rem!important;
}

.mercadolivre-background {
    background: rgb(226, 205, 88);
    color: black;
    font-weight: bold;
    border: none;
    transition: all 1s;
    letter-spacing: 0px;
}

.mercadolivre-background:hover {
    background: rgb(227, 200, 42);
    color: black;
    font-weight: bold;
    border: none;
    transition: all 1s;
    letter-spacing: 1px;
}

.nuvemshop-background {
    background: rgb(40, 75, 126);
    color: white;
    font-weight: bold;
    border: none;
    transition: all 1s;
    letter-spacing: 0px;
}

.nuvemshop-background:hover {
    background: rgb(19, 50, 95);
    color: white;
    font-weight: bold;
    border: none;
    letter-spacing: 1px;
}

.mercadopago-background {
    background: rgb(0, 188, 255);
    color: white;
    font-weight: bold;
    border: none;
    transition: all 1s;
    letter-spacing: 0px;
}

.mercadopago-background:hover {
    /*background: rgb(41, 104, 200);*/
    background: rgb(0, 126, 181);
    color: white;
    letter-spacing: 1px;
}

.botao-copiar {
    background: rgb(0, 158, 227);
    color: white;
    font-weight: bold;
    border: none;
    transition: all 1s;
    letter-spacing: 0px;
}

.botao-copiar:hover {
    background: rgb(0, 138, 214);
    color: white; 
    border: none;
    letter-spacing: 0.3px;
}