@keyframes stroke-effect {
    0% {
        stroke-width: 1px;
        stroke-opacity: .8;
    }
    80% {
        stroke-width: 18px;
        stroke-opacity: 0;
    }
    100% {
        stroke-width: 36px;
        stroke-opacity: 0;
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}