#name path{
    overflow: visible;
    stroke: #b08b1e;
    stroke-width: 1.5px;
    fill: none;
}

#s1{
    stroke-dasharray: 620px; 
    stroke-dashoffset: 620px;
    animation: line-anim 1s ease forwards 0s;
}
#e1{
    stroke-dasharray: 285px; 
    stroke-dashoffset: 285px;
    animation: line-anim 1s ease forwards .15s;
}
#w1{
    stroke-dasharray: 575px; 
    stroke-dashoffset: 575px;
    animation: line-anim 1s ease forwards .3s;
}
#i1{
    stroke-dasharray: 280px; 
    stroke-dashoffset: 280px;
    animation: line-anim 1s ease forwards .45s;
}
#n1{
    stroke-dasharray: 380px; 
    stroke-dashoffset: 380px;
    animation: line-anim 1s ease forwards .60s;
}
#a1{
    stroke-dasharray: 390px; 
    stroke-dashoffset: 390px;
    animation: line-anim 1s ease forwards .75s;
}

#l1{
    stroke-dasharray: 475px; 
    stroke-dashoffset: 475px;
    animation: line-anim 1s ease forwards .9s;
}
#e2{
    stroke-dasharray: 285px; 
    stroke-dashoffset: 285px;
    animation: line-anim 1s ease forwards 1.05s;
}
#e3{
    stroke-dasharray: 285px; 
    stroke-dashoffset: 285px;
    animation: line-anim 1s ease forwards 1.2s;
    /* animation: fill 0.5s ease forwards; */
}

/* #group{
    animation: fill 0.5s ease forwards;
} */

@keyframes line-anim {
    0% {stroke-dashoffset: 0px;}
    40% {fill: transparent;}
    /* 50% {fill: #b08b1e;} */
    /* 75% {fill: transparent;} */
    100% {fill: white;}
}

/* @keyframes s-anim {
    from {stroke-dashoffset: -620px}
    to {stroke-dashoffset: 0px;}
} */

/* @keyframes e-anim {
    from {stroke-dashoffset: -285px}
    to {stroke-dashoffset: 0px;}
}

@keyframes w-anim {
    from {stroke-dashoffset: -575px}
    to {stroke-dashoffset: 0px;}
}

@keyframes i-anim {
    from {stroke-dashoffset: -280px}
    to {stroke-dashoffset: 0px;}
}

@keyframes n-anim {
    from {stroke-dashoffset: -380px}
    to {stroke-dashoffset: 0px;}
}

@keyframes a-anim {
    from {stroke-dashoffset: -390px}
    to {stroke-dashoffset: 0px;}
}

@keyframes l-anim {
    from {stroke-dashoffset: -475px}
    to {stroke-dashoffset: 0px;}
} */