@color-primary: #30A9DE;@color-secondary: #30A9DE;@color-tertiary: #30A9DE;@color-primary-light: #6AAFE6;@color-primary-dark: #8EC0E4;@Distance: 1000px;body{overflow:hidden}.Master{position:relative;background:#d4dfe6;min-height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:#274c5e}.Container{text-align:center;position:relative}.MainTitle{display:block;font-size:2rem;font-weight:lighter;text-align:center}.MainDescription{max-width:50%;font-size:1.2rem;font-weight:lighter}.MainGraphic{position:relative}.Cog{fill:@color-primary-light;transition:easeInOutQuint();animation:CogAnimation 5s infinite}.Cog,.Spanner{width:10rem;height:10rem}.Spanner{position:absolute;transform:rotate(20deg);top:10%;left:20%;fill:@color-primary-dark;animation:SpannerAnimation 4s infinite}.Hummingbird{position:absolute;width:3rem;height:3rem;fill:@color-primary;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes CogAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes SpannerAnimation{0%{transform:translate3d(20px,20px,1px) rotate(0deg)}10%{transform:translate3d(-@Distance,@Distance,1px) rotate(180deg)}15%{transform:translate3d(-@Distance,@Distance,1px) rotate(1turn)}20%{transform:translate3d(@Distance,-@Distance,1px) rotate(180deg)}30%{transform:translate3d(-@Distance,@Distance,1px) rotate(1turn)}40%{transform:translate3d(@Distance,-@Distance,1px) rotate(1turn)}50%{transform:translate3d(-@Distance,@Distance,1px) rotate(180deg)}to{transform:translateZ(0) rotate(1turn)}}