@font-face {
    font-family: "MerryChristmas";
    src: url('../fonts/MerryChristmasFlake.ttf');
}

.FelicesFiestas {
    font-family: "MerryChristmas";
    font-size: 5rem;
    color: #ffc800;
    text-shadow: 2px 2px #b15050;
    min-height: 95px;
    max-height: 95px;
}

.PazProperidad {
    font-family: "MerryChristmas";
    font-size: 3.5rem;
    color: #ffc800;
    text-shadow: 2px 2px #b15050;
    min-height: 85px;
    max-height: 85px;
}

.FelicesFiestas-movil {
    font-family: "MerryChristmas";
    font-size: 3rem;
    color: #ffc800;
    text-shadow: 2px 2px #b15050;
    min-height: 95px;
    max-height: 95px;
}

.FelizNavidad {
    font-family: "MerryChristmas";
    font-size: 1.7rem;
    color: #fff;
}

.minhChristmas {
    height: 65vh;
}

.snow {
    background-image: url(../images/navidad/snowball.png);
    background-repeat: repeat;
    width: 100%;
    height: 1080px;
    top: 0;
    left: 0;
    position: absolute;
    filter: blur(1.5px);
}

.little {
    background-size: 150px 135px;
    background-position: 0px -200px;
    animation: snow1 14s infinite linear;
}

.normal {
    animation: snow2 12s linear infinite;
}

.big {
    background-size: 600px 540px;
    background-position: 0px 90px;
    animation: snow3 10s linear infinite;
}

.giant {
    background-size: 900px 810px;
    background-position: 150px 100px;
    animation: snow4 8s linear infinite;
}

@keyframes snow1 {
    0% {
        background-position: 0px -100px;
    }

    100% {
        background-position: 150px 35px;
    }
}

@keyframes snow2 {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 300px 270px;
    }
}

@keyframes snow3 {
    0% {
        background-position: 0px 90px;
    }

    100% {
        background-position: 600px 630px;
    }
}

@keyframes snow4 {
    0% {
        background-position: 150px 100px;
    }

    100% {
        background-position: 1050px 910px;
    }
}