.text-center {
    text-align: center;
    }
    .palabra {
        margin-top: 7px;
        cursor: pointer
    }

    .palabraSeleccionada {
        color: #fff;
        background: #000;
        padding: 5px;
        border-radius: 5px
    }

    .borde-caligrafia{
        border-left:1px solid black;
        border-right:1px solid black;
        border-top:1px dotted black;
        border-bottom:1px dotted black;
    }

    .borde-caligrafia-1{
        border:1px solid black;
        border-bottom:1px dotted black;
    }

    .borde-caligrafia-2{
        border:1px solid black;
        border-top:1px dotted black;
    }
    .espacio-check{
        line-height: 50px;
        font-size: 18px;
        text-align: left;
    }
    .boton{
        width: 40px;
        height: 40px;
        cursor: pointer;
    }
    .boton:hover{
        transform: scale(1.1);
    }
    /*
    @font-face {
        font-family: Little Daisy;
        src: url({{asset('assets/css/Little Daisy.ttf')}});
    }
    */
    @font-face {
        font-family: Escolar_Normal;
        src: url(https://cdn-karaoke-lector.s3.amazonaws.com/assets/css/Escolar1.ttf);
    }
    @font-face {
        font-family: Escolar_Negrita;
        src: url(https://cdn-karaoke-lector.s3.amazonaws.com/assets/css/Escolar2Negra.ttf);
    }
    @font-face {
        font-family: Escolar_Punteada;
        src: url(https://cdn-karaoke-lector.s3.amazonaws.com/assets/css/Escolar_P.TTF);
    }
    @font-face {
        font-family: ComicNeu;
        src: url(https://cdn-karaoke-lector.s3.amazonaws.com/assets/css/ComicNeue-Regular.ttf);
    }
    @font-face {
        font-family: MeMima;
        src: url(https://cdn-karaoke-lector.s3.amazonaws.com/assets/css/MeMima.ttf);
    }
    @font-face {
        font-family: Ligada;
        src: url(https://cdn-karaoke-lector.s3.amazonaws.com/assets/css/ligada26Regular.ttf);
    }
    @font-face {
        font-family: Escolar_Calada;
        src: url(https://cdn-karaoke-lector.s3.amazonaws.com/assets/css/Escolar_C.TTF);
    }
    .modal-content {
        border-radius: 30px!important;
    }
    .modal-header {
        border-top-left-radius: 29px!important;
        border-top-right-radius: 29px!important;
    }
    .EJEMPLO_PAUTA{
        width: 100%;
        margin-top: 20px;    
    }
.bold{
    font-weight: bold;
}
    .tada {
        -webkit-animation-name: tada;
        animation-name: tada;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        10%, 20% {
            -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        }
        30%, 50%, 70%, 90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }
        40%, 60%, 80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }
        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    @keyframes tada {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        10%, 20% {
            -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        }
        30%, 50%, 70%, 90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }
        40%, 60%, 80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }
        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    } 
    
    .boton-flotante-sugerencia{
        top: 0;
        right: 0;
        margin-top: 20px;
        margin-right: 25px;
        width: 50px;
        position: absolute;
    }
    .overlay{
    position:absolute;
    background:#000;
    opacity:1;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:1;
    overflow-y: hidden; /* Hide vertical scrollbar */
    overflow-x: hidden; /* Hide horizontal scrollbar */
}
.titulo{
    background: url(https://cdn-karaoke-lector.s3.amazonaws.com/assets/images/letrapps/fondo.svg);
    background-size: cover;
}
body{
    background-color: white;
}
button{
    border-radius: 10px!important;
}
button b{
    border-top-left-radius: 10px!important;
    border-bottom-left-radius: 10px!important;
}