*
{
   margin: 0;
   padding: 0;
   font-family: 'Zen Dots', cursive;
   box-sizing: border-box;
   

}

body {
   background-color: #202123;
 }

.container {
   display: block;
   margin-left: auto;
   margin-right: auto;
   padding-top: 10%;
   width: 80%;
}

.cls-1{
   stroke: white;
   fill: white !important;
   fill-opacity: 0;
   stroke-dashoffset: 0;
   stroke-dasharray: 1000;
   animation: cls 6s ease-in-out forwards;
}

@keyframes cls {
   0%{
      stroke-dashoffset: 1000;
      
   }
   75%{
      fill-opacity: 0;
   }
   98%{
      
      fill-opacity: 1;
   }
   100%{
      stroke-dashoffset: 0;
      fill-opacity: 1;
     
   }
}