#logo {
    position: fixed;
    top: 30%;
    left: 40%;
    width: 400px;
    height: 210px;
    margin-left: -50px;
}

#icon {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
    animation: draw 2s ease-in alternate infinite;
}

@keyframes draw {
    from {
        stroke-dashoffset: 300;
    }
    to {
        stroke-dashoffset: 0;
    }
}

#name {
    position: fixed;
    top: 40%;
    left: 40%;
    width: 400px;
    height: 210px;
    margin-left: -50px;
}

#brand {
    stroke-dasharray: 200;
    stroke-dashoffset: 0;
    animation: write 2s ease-in alternate infinite;
}

@keyframes write {
    from {
        stroke-dashoffset: 200;
    }
    to {
        stroke-dashoffset: 0;
    }
}