*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body{width:100%;margin:auto;text-align:center;overflow:hidden;background-color:none}.container{position:relative;width:100%;max-width:200px;margin:100px auto 100px;background:none}.constant{position:relative;width:100%;.heightHandle{position:absolute;display:block;width:100%;padding-top:100%}}.text{position:relative;width:50%;max-width:400px;margin:100px auto 100px;background:none;top:-70px}.img{height:auto;max-width:100%;justify-content:center}#path{stroke-dasharray:628.3185307179587;-webkit-stroke-dasharray:628.3185307179587;-ms-stroke-dasharray:628.3185307179587;-moz-stroke-dasharray:628.3185307179587;-o-stroke-dasharray:628.3185307179587;animation:dash 3s linear forwards;-webkit-animation:dash 3s linear forwards;-ms-transform:dash 3s linear forwards;-moz-transform:dash 3s linear forwards;-o-transform:dash 3s linear forwards}@keyframes dash{from{stroke-dashoffset:628.3185307179587}to{stroke-dashoffset:314.1592653589794}}@-webkit-keyframes dash{from{-webkit-stroke-dashoffset:628.3185307179587}to{-webkit-stroke-dashoffset:314.1592653589794}}@-ms-keyframes dash{from{-ms-stroke-dashoffset:628.3185307179587}to{-ms-stroke-dashoffset:314.1592653589794}}@-moz-keyframes dash{from{-moz-stroke-dashoffset:628.3185307179587}to{-moz-stroke-dashoffset:314.1592653589794}}@-o-keyframes dash{from{-o-stroke-dashoffset:628.3185307179587}to{-o-stroke-dashoffset:314.1592653589794}}#path3{stroke-dasharray:628.3185307179587;-webkit-stroke-dasharray:628.3185307179587;-ms-stroke-dasharray:628.3185307179587;-moz-stroke-dasharray:628.3185307179587;-o-stroke-dasharray:628.3185307179587;animation:dash3 3s linear forwards;-webkit-animation:dash3 3s linear forwards;-ms-transform:dash3 3s linear forwards;-moz-transform:dash3 3s linear forwards;-o-transform:dash3 3s linear forwards}@-webkit-keyframes dash3{from{stroke-dashoffset:-628.3185307179587}to{stroke-dashoffset:-314.1592653589794}}@-ms-keyframes dash3{from{stroke-dashoffset:-628.3185307179587}to{stroke-dashoffset:-314.1592653589794}}@-moz-keyframes dash3{from{stroke-dashoffset:-628.3185307179587}to{stroke-dashoffset:-314.1592653589794}}@-o-keyframes dash3{from{stroke-dashoffset:-628.3185307179587}to{stroke-dashoffset:-314.1592653589794}}@-keyframes dash3{from{stroke-dashoffset:-628.3185307179587}to{stroke-dashoffset:-314.1592653589794}}#path2{stroke-dasharray:628.3185307179587;animation:dash1 2s linear forwards;-webkit-animation:dash1 2s linear forwards;-ms-transform:dash1 2s linear forwards;-moz-transform:dash1 2s linear forwards;-o-transform:dash1 2s linear forwards}@keyframes dash1{from{stroke-dashoffset:628.3185307179587}to{stroke-dashoffset:0}}#squareds{-webkit-animation:spin1 25s infinite linear;-moz-animation:spin1 25s infinite linear;-o-animation:spin1 25s infinite linear;-ms-animation:spin1 25s infinite linear;animation:spin1 25s infinite linear;-webkit-animation-delay:4s;animation-delay:4s}@-webkit-keyframes spin1{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin1{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-o-keyframes spin1{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}@-ms-keyframes spin1{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}@-keyframes spin1{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#squaredss{-webkit-animation:spin2 25s infinite linear;-moz-animation:spin2 25s infinite linear;-o-animation:spin2 25s infinite linear;-ms-animation:spin2 25s infinite linear;animation:spin2 25s infinite linear;-webkit-animation-delay:11s;animation-delay:11s}@-webkit-keyframes spin2{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@-moz-keyframes spin2{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(-360deg)}}@-o-keyframes spin2{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(-360deg)}}@-ms-keyframes spin2{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(-360deg)}}@-keyframes spin2{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}.button{border-radius:4px;position:absolute;bottom:-35%;left:35;justify-content:center;background-color:Transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;color:#006c43;text-align:center;font-size:25px;padding:10px;width:130px;cursor:pointer}.button span{cursor:pointer;display:inline-block;position:relative;transition:0.5s}.button span:after{content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s}.button:hover span{padding-right:25px}.button:hover span:after{opacity:1;right:0}