.title-rouletes { text-align: center; padding-top: 3em; }
.title-rouletes h2 { margin-top: 0em; margin-bottom: 0em; font-weight: bold; font-size: 1.8em; color: #DB2C3E;}
.title-rouletes p { margin-top: 0em; margin-bottom: 0em; color: #333; }

.roulete-footer { text-align: center; padding-top: 3em; }
.roulete-footer h2 { margin-top: 0em; margin-bottom: 0em; font-weight: bold; font-size: 1.5em; color: #DB2C3E;}

.roulete-footer h1 { 
    margin-top: 1em; margin-bottom: 1em; background-color: #DB2C3E; display: inline-block;
    font-weight: bold; font-size: 1.5em; color: #fff; padding: 0.5em 1em;
    border-radius: 25px;
}

.roulete-footer-1 h2 { 
    margin-top: 1em; margin-bottom: 3em; 
    font-weight: bold; font-size: 1em; color: #fff; background-color: #DB2C3E;
    box-shadow: 0 5px 15px rgb(0 0 0 / 8%); padding: 0.5em 1em;
    border-radius: 25px;
}

.roulete-footer span { margin-top: 0em; margin-bottom: 1em; display: block; font-size: 0.7em;}
.comentarios-section .uk-card { margin-bottom: 2em; }
.comentarios-section .uk-card-header { padding: 0.4em 1em; }
.comentarios-section .uk-card-body { padding: 0.4em 1em; padding-bottom: 1.5em; padding-top: 1.5em; }
.comentarios-section .uk-card-title { font-size: 1em; }


#spin {
    background-color: transparent; border: solid 10px transparent;
    font-weight: bold; font-size: 1em; color: transparent;
    width: 20em; height: 20em; border-radius: 100%;
    cursor: pointer; transition: 1s; font-size: 0.8em;
    cursor: pointer;
}
/*
@keyframes heart-pulse {
    0% {transform: scale(0.75, 0.75);}
    30% {transform: scale(1, 1);}
}*/


.test-but {
    position: absolute;
    margin-top: 7.8em;
    margin-left: 14.5em;
}

#canvas {
    background-image: url("../img/ewqewqe.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 72%;
}


@media (max-width: 800px) { 
    .item-canva { width: 90%!important; margin-left: 2.5%; }
    .test-but { margin-top: 7.8em!important; margin-left: 6.5em!important;}
    #spin { width: 10em!important; height: 10em!important; }
}


@media (min-width: 800px) { 
    .item-canva { width: 60%!important; margin-left: 20%; }
}


@media (max-width: 800px) { 

    .title-rouletes h2 { font-size: 1.4em!important;}
    .roulete-footer h2 { font-size: 1.1em!important; }
    .roulete-footer h1 {font-size: 1.1em!important;}

}



.item-canva { 
    text-align: center; margin-top: 1em; 
    border-radius: 5px;
}

.form-group { margin-bottom: 1em; }

.title-itens-modal { text-align: center; }

.title-itens-modal h2 { 
    margin-top: 0em; margin-bottom: 0em; 
    font-weight: bold; font-size: 1.3em; color: #333;
}

.title-itens-modal p { 
    margin-top: 0em; margin-bottom: 0em; color: #333;
}

.title-itens-modal span { 
    margin-top: 0em; margin-bottom: 0em; 
    color: #333; font-size: 0.7em;
}

#item-button-modal {
    background-color: #DB2C3E; border: solid 1px #fff;
    font-weight: bold; font-size: 1em; color: #fff; width: 100%;
    cursor: pointer;
}


.buttons-1-z button {
    background-color: #DB2C3E; border: solid 1px #fff;
    font-size: 1em; color: #fff; cursor: pointer; border-radius: 25px; 
    line-height: normal; padding: 0.5em 1em;
}