#loader-container{max-width:620px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loader path:nth-child(2){stroke-dasharray:200%;stroke-dashoffset:200%;animation:strokeAnimate 2s ease 0s forwards}#loader path:nth-child(3){stroke-dasharray:100%;stroke-dashoffset:100%;animation:strokeAnimate 2s ease .3s forwards}#loader path:nth-child(4){stroke-dasharray:100%;stroke-dashoffset:100%;animation:strokeAnimate 2s ease .9s forwards}#loader path:nth-child(5){stroke-dasharray:100%;stroke-dashoffset:100%;animation:strokeAnimate 2s ease 1.2s forwards}#loader path:nth-child(6),#loader path:nth-child(7){stroke-dasharray:100%;stroke-dashoffset:100%;animation:strokeAnimate 2s ease 1.5s forwards}#loader path:nth-child(8){stroke-dasharray:100%;stroke-dashoffset:100%;animation:strokeAnimate 2s ease 1.8s forwards}#loader path:nth-child(9){stroke-dasharray:100%;stroke-dashoffset:100%;animation:strokeAnimate 2s ease 2.1s forwards}#loader path:nth-child(10){stroke-dasharray:100%;stroke-dashoffset:100%;animation:strokeAnimate 2s ease 2.3s forwards}#loader path:nth-child(11){animation:strokeAnimate 2s ease 2.4s forwards;stroke-dasharray:100%;stroke-dashoffset:100%;animation:strokeAnimate 2s ease 2.5s forwards}@keyframes strokeAnimate{to{stroke-dashoffset:0}}@media screen and (max-width:768px){#loader-container{max-width:150px}#loader{width:150px}}@media screen and (max-width:650px){#loader-container{max-width:100px}#loader{width:100px}}