/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08-mar-2019, 11:07:10
    Author     : FERNANDO
*/

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s linear forwards;
}
.path2 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s linear forwards 1.5s;
}
.path3 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s linear forwards 2s;
}
.path4 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s linear forwards 2s;
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}




.anata-path--a-1 {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-a-1 1.5s linear forwards;
}

@keyframes anata-a-1 {
    0% {
        stroke-width: 20;
        stroke-dashoffset: 2600;
    }

    14% {
        stroke-width: 20;
    }

    15% {
        stroke-width: 40;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.dibel{
    stroke:#cc0000;
}
.dibel-path--d {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards .8s;
}


.dibel-path--i {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards 1.1s;
}


.dibel-path--p1 {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards 1.3s;
}


.dibel-path--bel {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards 1.6s;
}
.dibel-path--s {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards 2s;
}
.dibel-path--oluciones {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards 2.3s;
}
.dibel-path--p2 {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards 2.5s;
}
.dibel-path--en {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards 2.8s;
}
.dibel-path--t {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards 3s;
}
.dibel-path--ecnologia {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards 3.2s;
}
.dibel-path--a1 {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke-width: 40;
    animation: anata-other-letters 1.5s linear forwards 4s;
}

@keyframes anata-other-letters {
    0% {
        stroke-dashoffset: 2600;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

h1 svg
{
    width: 20em;
    margin-top: 55px;
}