@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:900");


            .containerNadal {
                position: relative;
                margin: 1em auto auto auto;
                overflow: hidden;
                width: 100%;
                height: 400px; 
                max-width: 1000px;
                text-align: center;
                background: #fafafa;
            }
            
            .containerNadal img { width: 100%; max-width: 400px;}

            .containerNadal h1 {
                font-family: "Lato", sans-serif;
                text-align: center;
                margin-top: 0.2em;
                font-size: 1.4em;
                text-transform: uppercase;
                letter-spacing: 5px;
                color: #c00;
                padding:0;
            }

            #timer {
                color: #F6F4F3;
                text-align: center;
                text-transform: uppercase;
                font-family: "Lato", sans-serif;
                font-size: .6em;
                letter-spacing: 2px;
                /*margin-top: 5%;*/
            }

            .days, .hours, .minutes, .seconds {
                display: inline-block;
                padding: 10px;
                width: 80px;
                border-radius: 5px;
            }

            .days {
                background: #EF2F3C;
            }

            .hours {
                background: #F6F4F3;
                color: #183059;
            }

            .minutes {
                background: #276FBF;
            }

            .seconds {
                background: #F0A202;
            }

            .numbers {
                font-family: "Montserrat", sans-serif;
                color: #183059;
                font-size: 3em;
            }

            .white {
                position: absolute;
                background: #F6F4F3;
                height: 85px;
                width: 75px;
                left: 30%;
                top: 2%;
            }
            .white .triangle {
                border-bottom: 14px solid #F6F4F3;
            }
            .white .string {
                background: #F6F4F3;
                border: 1px solid #F6F4F3;
            }

            .red {
                position: absolute;
                background: #EF2F3C;
                left: 18%;
                top: 9%;
                height: 65px;
                width: 70px;
            }
            .red .triangle {
                border-bottom: 14px solid #EF2F3C;
            }
            .red .string {
                background: #EF2F3C;
                border: 1px solid #EF2F3C;
            }

            .blue {
                position: absolute;
                background: #276FBF;
                height: 80px;
                width: 80px;
                left: 60%;
                top: 5%;
            }
            .blue .triangle {
                border-bottom: 14px solid #276FBF;
            }
            .blue .string {
                background: #276FBF;
                border: 1px solid #276FBF;
            }

            .balloon {
                border: 1px solid #000;
                border-radius: 50% 50% 50% 50%/ 40% 40% 60% 60%;
                z-index: 2;
            }

            .eye {
                position: absolute;
                width: 7px;
                height: 7px;
                top: 40%;
                left: 22%;
                background: #000;
                border-radius: 50%;
            }
            .eye:after {
                content: '';
                left: 35px;
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: #000;
                position: absolute;
            }

            .mouth {
                position: absolute;
                top: 45%;
                left: 43%;
                width: 7px;
                height: 7px;
                border-radius: 50%;
            }

            .happy {
                border: 2px solid;
                border-color: transparent #000 #000 transparent;
                transform: rotate(45deg);
            }

            .triangle {
                position: absolute;
                left: 40%;
                bottom: -10%;
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
            }

            .string {
                position: absolute;
                height: 70px;
                width: 1px;
                left: 48%;
                top: 100%;
                z-index: -1;
            }

            .star {
                width: 20px;
                height: 20px;
                background: #F6F4F3;
                -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
                clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
            }

            .star-red {
                width: 30px;
                height: 30px;
                margin-left: 51px;
                margin-top: -5px;
                background: #EF2F3C;
                -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
                clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
            }