*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}
body{
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.cont{
    width: 100vw;
    height: 100vh;
    margin-bottom: 20px;
    background-color: #000428;
    display: none;
}
svg{
    font-size: 100px; 
    fill: none;
    margin-bottom: 0;

}
.copy{
    fill: none;
    stroke: #fff;
    stroke-width: 3px;
    stroke-dasharray: 8% 30%;
    stroke-dashoffset: 0%;
    animation:dev 4s linear infinite;
}
@keyframes dev {
    100%{
        stroke-dashoffset: -35%;
    }
}
.copy1{
    stroke:#ffffff ;
    animation-delay: -1s;
}
.copy2{
    stroke:#e91e63 ;
    animation-delay: -2s;
}
.copy3{
    stroke:#ffb640ee ;
    animation-delay: -3s;
}
.copy4{
    stroke:#f97159 ;
    animation-delay: -4s;
}
.copy5{
    stroke:#025bce ;
    animation-delay: -5s;
}

.box{
    width: 100vw;
    height: 100vh;
    position: relative;
    background-color: #000428;
}