/* normalize-5-0.min.css */ 

                    button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*# sourceMappingURL=normalize.min.css.map */

                    /* TOXEL */ 
                    html {
                        box-sizing: border-box
                    }
                    
                    *,
                    *:before,
                    *:after {
                        box-sizing: inherit
                    }
                    /* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
                    
                    html {
                        -ms-text-size-adjust: 100%;
                        -webkit-text-size-adjust: 100%
                    }
                    
                    body {
                        margin: 0
                    }
                    
                    .toxel-container {
                        padding: 0.01em 16px;
                        text-align: center;
                        margin: 10px 0;
                        position: relative;
                        display: block;
                        outline: none;
                        background: transparent;
                        user-select: none;
                    }
                    
                    .toxel-css {
                        padding: 0.01em 16px;
                        text-align: center;
                        margin: 10px 0;
                        position: relative;
                        display: block;
                        outline: none;
                        background: transparent;
                        user-select: none;
                        font: size 3em;
                        /*    cursor: none;*/
                        position: relative;
                        display: inline-block;
                        font-size: 2em;
                    }
                    
                    @font-face {
                        font-family: 'tweet';
                        src: url("https://luisangelmaciel.github.io/luisangelmaciel/fonts/tweet.woff") format("woff");
                        font-weight: normal;
                        font-style: normal;
                    }
                    
                    @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
                    .permanent-marker {
                        font-family: 'Permanent Marker', cursive;
                    }
                    
                    @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
                    .Anton {
                        font-family: 'Anton', sans-serif;
                    }
                    
                    @import url('https://fonts.googleapis.com/css?family=Poppins:200i,400&display=swap');
                    .poppins {
                        font-family: "Poppins", sans-serif;
                    }
                    
                    .lato {
                        font-family: "Lato", sans-serif;
                    }
                    
                    .oswald {
                        font-family: 'Oswald', sans-serif;
                    }
                    
                    a {
                        color: black;
                        text-decoration: none;
                    }
                    
                    a::after {
                        color: black;
                    }
                    
                    .text-toxel {
                        color: #017db0;
                    }
                    
                    .slash-color {
                        color: transparent;
                        background: repeating-linear-gradient( -45deg, #ff1f8f 0% 50%, #000 50% 100%);
                        -webkit-background-clip: text;
                    }
                    
                    .confetti {
                        transition: all .2s;
                    }
                    
                    .confetti:active {
                        transform: scale(.6);
                    }
                    
                    .fade-and-grow .linktext-fade-and-grow {
                        cursor: pointer;
                        background: transparent;
                        outline: none;
                        padding: 0 25px;
                        text-align: center;
                        position: relative;
                        z-index: 2;
                        color: #860eb6;
                        text-shadow: 1px 1px 2px rgb(42, 252, 15), 0 0 25px white, 0 0 5px rgb(5, 240, 122);
                        text-decoration: none;
                        transition: 0.3s ease-in-out;
                        -webkit-transition: 0.3s ease-in-out;
                        transition-delay: 0s;
                        -webkit-transition-delay: 0s;
                    }
                    
                    .fade-and-grow .linktext-fade-and-grow:before {
                        display: inline-block;
                        content: attr(data-text);
                        position: absolute;
                        top: 0px;
                        transition: 0.3s ease-in-out;
                        -webkit-transition: 0.3s ease-in-out;
                        transition-delay: 0.15s;
                        -webkit-transition-delay: 0.15s;
                        opacity: 1;
                        color: #860eb6;
                    }
                    
                    .fade-and-grow .item-fade-and-grow {
                        position: relative;
                        display: inline-block;
                        padding-top: 15px;
                        margin-left: 25px;
                        margin-right: 25px;
                        background: transparent;
                        z-index: 2;
                        color: #860eb6;
                        text-decoration: none;
                        transition: 0.3s ease-in-out;
                        -webkit-transition: 0.3s ease-in-out;
                    }
                    
                    .fade-and-grow .item-fade-and-grow:hover .linktext-fade-and-grow {
                        transform: scale(1.3);
                        -webkit-transform: scale(1.3);
                        transition-delay: 0.15s;
                        -webkit-transition-delay: 0.15s;
                    }
                    
                    .fade-and-grow .item-fade-and-grow:hover .linktext-fade-and-grow:before {
                        transform: translateY(30px);
                        -webkit-transform: translateY(30px);
                        transition-delay: 0s;
                        -webkit-transition-delay: 0s;
                        opacity: 0;
                    }
                    
                    .heartbeat {
                        color: #e80d2e;
                        text-shadow: 1px 1px 2px rgb(255, 255, 255), 0 0 25px white, 0 0 5px rgb(197, 155, 160);
                        animation: heartbeat 36s infinite;
                    }
                    
                    .heartbeat:hover {
                        color: #017db0;
                        text-shadow: 1px 1px 2px rgb(255, 255, 255), 0 0 25px white, 0 0 5px rgb(177, 227, 240);
                        animation: heartbeat 36s infinite;
                    }
                    /*Beating heart animation keyframe*/
                    
                    @keyframes heartbeat {
                        0% {
                            transform: scale(1.0);
                        }
                        5% {
                            transform: scale(1.3);
                        }
                        10% {
                            transform: scale(1.1);
                        }
                        20% {
                            transform: scale(1.5);
                        }
                        30% {
                            transform: scale(1.0);
                        }
                        100% {
                            transform: scale(1.0);
                        }
                    }
                    
                    .luz-neon {
                        user-select: none;
                        text-align: center;
                        margin: 10px 0;
                        position: relative;
                        display: block;
                        outline: none;
                        background: transparent;
                        text-indent: 1vw;
                    }
                    
                    .luz-neon b {
                        color: #fee;
                        text-shadow: 0 -30px 80px, 0 0 1px, 0 0 .5em #017db0, 0 0 0.5em #0674a0, 0 0 0.1em #19a1d6, 0 10px 3px #000;
                    }
                    
                    .luz-neon b span {
                        animation: blink linear infinite 1s;
                    }
                    
                    .luz-neon b span:nth-of-type(2) {
                        animation: blink linear infinite 2s;
                    }
                    
                    @keyframes blink {
                        78% {
                            color: inherit;
                            text-shadow: inherit;
                        }
                        79% {
                            color: #333;
                        }
                        80% {
                            text-shadow: none;
                        }
                        81% {
                            color: inherit;
                            text-shadow: inherit;
                        }
                        82% {
                            color: #333;
                            text-shadow: none;
                        }
                        83% {
                            color: inherit;
                            text-shadow: inherit;
                        }
                        92% {
                            color: #333;
                            text-shadow: none;
                        }
                        92.5% {
                            color: inherit;
                            text-shadow: inherit;
                        }
                    }
                    
                    .glitch {
                        position: relative;
                        text-shadow: 6px -6px 0px #c24a12;
                        background: repeating-linear-gradient(45deg, #005792, #005792, #005792 1px, #fff 2px, #fff 3px);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                    }
                    
                    .glitch::before,
                    .glitch::after {
                        content: attr(data-text);
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        background: transparent;
                        color: rgb(170, 44, 65);
                        clip: rect(0, 900px, 0, 0);
                        overflow: hidden;
                    }
                    
                    .glitch::before {
                        left: 7px;
                        text-shadow: 1px 0 #b45317;
                        animation: glitch-effect 3s infinite linear alternate-reverse;
                    }
                    
                    .glitch::after {
                        left: 3px;
                        text-shadow: -1px 0 #fd5f00;
                        animation: glitch-effect 2s infinite linear alternate-reverse;
                    }
                    
                    @keyframes glitch-effect {
                        0% {
                            clip: rect(10px, 9999px, 48px, 0);
                        }
                        5% {
                            clip: rect(51px, 9999px, 99px, 0);
                        }
                        10% {
                            clip: rect(34px, 9999px, 71px, 0);
                        }
                        15% {
                            clip: rect(75px, 9999px, 74px, 0);
                        }
                        20% {
                            clip: rect(88px, 9999px, 28px, 0);
                        }
                        25% {
                            clip: rect(82px, 9999px, 33px, 0);
                        }
                        30% {
                            clip: rect(57px, 9999px, 73px, 0);
                        }
                        35% {
                            clip: rect(79px, 9999px, 58px, 0);
                        }
                        40% {
                            clip: rect(2px, 9999px, 78px, 0);
                        }
                        45% {
                            clip: rect(7px, 9999px, 3px, 0);
                        }
                        50% {
                            clip: rect(59px, 9999px, 16px, 0);
                        }
                        55% {
                            clip: rect(97px, 9999px, 76px, 0);
                        }
                        60% {
                            clip: rect(57px, 9999px, 43px, 0);
                        }
                        65% {
                            clip: rect(35px, 9999px, 21px, 0);
                        }
                        70% {
                            clip: rect(61px, 9999px, 84px, 0);
                        }
                        75% {
                            clip: rect(54px, 9999px, 100px, 0);
                        }
                        80% {
                            clip: rect(8px, 9999px, 98px, 0);
                        }
                        85% {
                            clip: rect(47px, 9999px, 32px, 0);
                        }
                        90% {
                            clip: rect(13px, 9999px, 5px, 0);
                        }
                        95% {
                            clip: rect(63px, 9999px, 30px, 0);
                        }
                        100% {
                            clip: rect(17px, 9999px, 39px, 0);
                        }
                    }
                    
                    .glitchOne {
                        position: relative;
                        text-shadow: 6px -6px 0prgb(253, 0, 219)00;
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                    }
                    
                    .glitchOne::before,
                    .glitchOne::after {
                        content: attr(data-text);
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        background: transparent;
                        color: rgb(218, 9, 44);
                        clip: rect(0, 900px, 0, 0);
                        overflow: hidden;
                    }
                    
                    .glitchOne::before {
                        left: 7px;
                        text-shadow: 1px 0 #810b5a;
                        animation: glitch-effect 3s infinite linear alternate-reverse;
                    }
                    
                    .glitchOne::after {
                        left: 3px;
                        text-shadow: -1px 0 #9b0c8f;
                        animation: glitch-effect 2s infinite linear alternate-reverse;
                    }
                    
                    @keyframes glitch-effect {
                        0% {
                            clip: rect(10px, 9999px, 48px, 0);
                        }
                        5% {
                            clip: rect(51px, 9999px, 99px, 0);
                        }
                        10% {
                            clip: rect(34px, 9999px, 71px, 0);
                        }
                        15% {
                            clip: rect(75px, 9999px, 74px, 0);
                        }
                        20% {
                            clip: rect(88px, 9999px, 28px, 0);
                        }
                        25% {
                            clip: rect(82px, 9999px, 33px, 0);
                        }
                        30% {
                            clip: rect(57px, 9999px, 73px, 0);
                        }
                        35% {
                            clip: rect(79px, 9999px, 58px, 0);
                        }
                        40% {
                            clip: rect(2px, 9999px, 78px, 0);
                        }
                        45% {
                            clip: rect(7px, 9999px, 3px, 0);
                        }
                        50% {
                            clip: rect(59px, 9999px, 16px, 0);
                        }
                        55% {
                            clip: rect(97px, 9999px, 76px, 0);
                        }
                        60% {
                            clip: rect(57px, 9999px, 43px, 0);
                        }
                        65% {
                            clip: rect(35px, 9999px, 21px, 0);
                        }
                        70% {
                            clip: rect(61px, 9999px, 84px, 0);
                        }
                        75% {
                            clip: rect(54px, 9999px, 100px, 0);
                        }
                        80% {
                            clip: rect(8px, 9999px, 98px, 0);
                        }
                        85% {
                            clip: rect(47px, 9999px, 32px, 0);
                        }
                        90% {
                            clip: rect(13px, 9999px, 5px, 0);
                        }
                        95% {
                            clip: rect(63px, 9999px, 30px, 0);
                        }
                        100% {
                            clip: rect(17px, 9999px, 39px, 0);
                        }
                    }
                    
                    fieldset,
                    label {
                        margin: 0;
                        padding: 0;
                    }
                    
                    .rating {
                        border: none;
                        float: left;
                    }
                    
                    .rating>input {
                        display: none;
                    }
                    
                    .rating>label:before {
                        margin: 5px;
                        font-size: 1.25em;
                        font-family: FontAwesome;
                        display: inline-block;
                        content: "\f005";
                    }
                    
                    .rating>.half:before {
                        content: "\f089";
                        position: absolute;
                    }
                    
                    .rating>label {
                        color: #ddd;
                        float: right;
                    }
                    /***** CSS Magic to Highlight Stars on Hover *****/
                    
                    .rating>input:checked~label,
                    /* show gold star when clicked */
                    
                    .rating:not(:checked)>label:hover,
                    /* hover current star */
                    
                    .rating:not(:checked)>label:hover~label {
                        color: #FFD700;
                    }
                    /* hover previous stars in list */
                    
                    .rating>input:checked+label:hover,
                    /* hover current star when changing rating */
                    
                    .rating>input:checked~label:hover,
                    .rating>label:hover~input:checked~label,
                    /* lighten current selection */
                    
                    .rating>input:checked~label:hover~label {
                        color: #FFED85;
                    }
                    /* rating */
                    
                    fieldset,
                    label {
                        margin: 0;
                        padding: 0;
                    }
                    
                    .rating {
                        border: none;
                        float: left;
                    }
                    
                    .rating>input {
                        display: none;
                    }
                    
                    .rating>label:before {
                        margin: 5px;
                        font-size: 1.25em;
                        font-family: FontAwesome;
                        display: inline-block;
                        content: "\f005";
                    }
                    
                    .rating>.half:before {
                        content: "\f089";
                        position: absolute;
                    }
                    
                    .rating>label {
                        color: #ddd;
                        float: right;
                    }
                    /***** CSS Magic to Highlight Stars on Hover *****/
                    
                    .rating>input:checked~label,
                    /* show gold star when clicked */
                    
                    .rating:not(:checked)>label:hover,
                    /* hover current star */
                    
                    .rating:not(:checked)>label:hover~label {
                        color: #FFD700;
                    }
                    /* hover previous stars in list */
                    
                    .rating>input:checked+label:hover,
                    /* hover current star when changing rating */
                    
                    .rating>input:checked~label:hover,
                    .rating>label:hover~input:checked~label,
                    /* lighten current selection */
                    
                    .rating>input:checked~label:hover~label {
                        color: #FFED85;
                    }
                    
                    .trapdoor {
                        -webkit-transform: translateZ(0px);
                        -webkit-font-smoothing: antialiased;
                        position: relative;
                        width: 210px;
                        height: 50px;
                        box-shadow: inset -7px 0px 12px -8px rgba(196, 194, 194, 0.3), inset 7px 0px 12px -8px rgba(255, 255, 255, 0.3);
                        background: rgba(255, 255, 255, 0.3);
                        -webkit-transition: background 400ms ease-in-out;
                        -moz-transition: background 400ms ease-in-out;
                        -ms-transition: background 400ms ease-in-out;
                        -o-transition: background 400ms ease-in-out;
                        transition: background 400ms ease-in-out;
                        text-align: center;
                    }
                    
                    .trapdoor:hover {
                        background: #fff;
                    }
                    
                    .trapdoor:hover .door {
                        box-shadow: 0px 0px 10px -2px rgba(255, 253, 253, 0.4);
                        -webkit-transform: scale(1.08);
                        -moz-transform: scale(1.08);
                        -ms-transform: scale(1.08);
                        -o-transform: scale(1.08);
                        transform: scale(1.08);
                    }
                    
                    .trapdoor:hover .top {
                        top: -50%;
                    }
                    
                    .trapdoor:hover .bottom {
                        top: 100%;
                    }
                    
                    .trapdoor .twitter-follow-button {
                        margin-left: -70px;
                        position: absolute !important;
                        margin-top: -14px;
                        left: 50%;
                        top: 50%;
                    }
                    
                    .top {
                        top: 0%;
                        left: 0px;
                    }
                    
                    .top:before {
                        top: 5px;
                    }
                    
                    .bottom {
                        top: 50%;
                        left: 0px;
                    }
                    
                    .bottom:before {
                        top: -20px;
                    }
                    
                    .door {
                        -webkit-transition: top 400ms, box-shadow 200ms, -webkit-transform 300ms;
                        -moz-transition: top 400ms, box-shadow 200ms, -moz-transform 300ms;
                        -ms-transition: top 400ms, box-shadow 200ms, -ms-transform 300ms;
                        -o-transition: top 400ms, box-shadow 200ms, -o-transform 300ms;
                        transition: top 400ms, box-shadow 200ms, transform 300ms;
                        -webkit-transition-timing-function: ease-in-out;
                        -moz-transition-timing-function: ease-in-out;
                        -ms-transition-timing-function: ease-in-out;
                        -o-transition-timing-function: ease-in-out;
                        transition-timing-function: ease-in-out;
                        background-color: #fff;
                        position: absolute;
                        overflow: hidden;
                        width: 210%;
                        z-index: 2;
                        height: 50%;
                        align-items: center;
                        text-align: center;
                    }
                    
                    .door:before {
                        position: absolute;
                        display: block;
                        color: #4099FF;
                        content: ".trapdoor ¡open! ";
                    }