.textrojo {
    font-size: 28px;
    font-family: helvetica;
    font-weight: bold;
    /*color: #df0e07;*/
    text-transform: uppercase;
}
.parpadea {
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

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

.deg3 {
    height: 60px;
    background-color: #7a0e76;
    background-image: linear-gradient(
        to bottom right,
        #7a0e76,
        #d498e6,
        #f4f0f5
    );
}

.tresombras {
    padding: 1px;
    /* font-size: 20px; */
    color: white;
    /* text-shadow: 1px 1px 3px black, 0 0 5px rgb(18, 115, 13),
        0 0 25px rgb(223, 41, 9); */
    text-shadow: 1px 1px 3px rgb(15, 15, 15), 0 0 15px rgb(18, 115, 13);
}

.tresombrasverde {
    padding: 1px;
    /* font-size: 20px; */
    color: rgb(1, 62, 20);
    /* text-shadow: 1px 1px 3px black, 0 0 5px rgb(18, 115, 13),
        0 0 25px rgb(223, 41, 9); */
    text-shadow: 1px 1px 3px rgb(0, 37, 0), 0 0 15px rgb(147, 5, 0);
}

/*region de texto tipografia insertada*/
@font-face {
    font-family: "vacation";
    src: url("/fuentes/VacationPostcardNF.ttf");
}
.vacation {
    /*font-family: vacation;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60px;
    color: #090809; /*#580358;*/
}

@font-face {
    font-family: "dragonsolid";
    src: url("/fuentes/golden-dragon-solid.ttf");
}
h1.dragonsolid {
    /* font-family: dragonsolid;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 35px;
    /*color: rgb(243, 241, 241);
    text-shadow: 2px 2px 2px rgb(8, 8, 8);*/
    color: rgb(53, 52, 52);
    text-shadow: 1px 1px 2px rgb(171, 125, 204);
}

p.justificado {
    text-align: justify;
}

/*dandole color al scrollbar*/
body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-track {
    background: #028747;
}

body::-webkit-scrollbar-thumb {
    background: #c51707;
    &:active {
        background-color: purple;
    }
}

img.sombra {
    box-shadow: 10px 10px 8px grey;
    width: 100%;
    /* height: auto; */
}

/****************************************/
/* .bg-5 {
    background: linear-gradient(
        135deg,
        rgb(227, 227, 227) 0%,
        rgb(93, 104, 116) 100%
    );
} */

.animated-shadow {
    color: #ffffff;
    font: normal 140px Varela Round, sans-serif;
    height: 140px;
    left: 0;
    letter-spacing: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    animation: move linear 2000ms infinite;
    z-index: 2;
}
/*Animación para rotar las sombras*/
@keyframes move {
    0% {
        text-shadow: 4px -4px 0 #9b0803, 3px -3px 0 #9b0803, 2px -2px 0 #9b0803,
            1px -1px 0 #9b0803, -4px 4px 0 #228700, -3px 3px 0 #228700,
            -2px 2px 0 #228700, -1px 1px 0 #228700;
    }
    25% {
        text-shadow: -4px -4px 0 #228700, -3px -3px 0 #228700,
            -2px -2px 0 #228700, -1px -1px 0 #228700, 4px 4px 0 #9b0803,
            3px 3px 0 #9b0803, 2px 2px 0 #9b0803, 1px 1px 0 #9b0803;
    }
    50% {
        text-shadow: -4px 4px 0 #9b0803, -3px 3px 0 #9b0803, -2px 2px 0 #9b0803,
            -1px 1px 0 #9b0803, 4px -4px 0 #228700, 3px -3px 0 #228700,
            2px -2px 0 #228700, 1px -1px 0 #228700;
    }
    75% {
        text-shadow: 4px 4px 0 #228700, 3px 3px 0 #228700, 2px 2px 0 #228700,
            1px 1px 0 #228700, -4px -4px 0 #9b0803, -3px -3px 0 #9b0803,
            -2px -2px 0 #9b0803, -1px -1px 0 #9b0803;
    }
    100% {
        text-shadow: 4px -4px 0 #9b0803, 3px -3px 0 #9b0803, 2px -2px 0 #9b0803,
            1px -1px 0 #9b0803, -4px 4px 0 #228700, -3px 3px 0 #228700,
            -2px 2px 0 #228700, -1px 1px 0 #228700;
    }
}