@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);body{margin:0;padding:0}#app-site{display:flex;height:100vh;width:100%}.loader{height:100%;margin:0 auto;position:relative;width:60px}.loader:before{content:"";display:block;padding-top:100%}.circular{animation:rotate 2s linear infinite;-webkit-animation:rotate 2s linear infinite;bottom:0;height:auto;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center center;-webkit-transform-origin:center center;width:100%}.path{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes color{0%,to{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-webkit-keyframes color{0%,to{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}