body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.color1{background-color:#1488c6}.color2{background-color:#3e4e5a}.color3{background-color:#64798a}.color4{background-color:#f0f0f0}body{color:#f0f8ff;font-family:sans-serif}.message{background-color:#64798a;padding:20px;border-radius:10px;margin-top:10px}body{background:#1488c6;overflow:hidden;font-family:Open Sans,sans-serif}.loop-wrapper{margin:0 auto;position:relative;display:block;width:100%;height:250px;overflow:hidden;border-bottom:3px solid #fff;color:#fff}.mountain{bottom:-20px;width:2px;height:2px;box-shadow:0 0 0 50px #3e4e5a,60px 50px 0 70px #3e4e5a,90px 90px 0 50px #3e4e5a,250px 250px 0 50px #3e4e5a,290px 320px 0 50px #3e4e5a,320px 400px 0 50px #3e4e5a;-webkit-transform:rotate(130deg);transform:rotate(130deg);-webkit-animation:mtn 20s linear infinite;animation:mtn 20s linear infinite}.hill,.mountain{position:absolute;right:-900px}.hill{bottom:-50px;width:400px;border-radius:50%;height:20px;box-shadow:0 0 0 50px #4db6ac,-20px 0 0 20px #4db6ac,-90px 0 0 50px #4db6ac,250px 0 0 50px #4db6ac,290px 0 0 50px #4db6ac,620px 0 0 50px #4db6ac;-webkit-animation:hill 4s linear 2s infinite;animation:hill 4s linear 2s infinite}.tree,.tree:nth-child(2),.tree:nth-child(3){position:absolute;height:100px;width:35px;bottom:0;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/130015/tree.svg) no-repeat}.rock{margin-top:-17%;height:2%;width:2%;bottom:-2px;border-radius:20px;position:absolute;background:#ddd}.truck,.wheels{transition:all ease;width:85px;margin-right:-60px;bottom:0;right:50%;position:absolute;background:#eee}.truck{background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/130015/truck.svg) no-repeat;background-size:contain;height:60px}.truck:before{content:" ";position:absolute;width:25px;box-shadow:-30px 28px 0 1.5px #fff,-35px 18px 0 1.5px #fff}.wheels{background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/130015/wheels.svg) no-repeat;height:15px;margin-bottom:0}.tree{-webkit-animation:tree 3s linear 0s infinite;animation:tree 3s linear 0s infinite}.tree:nth-child(2){-webkit-animation:tree2 2s linear .15s infinite;animation:tree2 2s linear .15s infinite}.tree:nth-child(3){-webkit-animation:tree3 8s linear .05s infinite;animation:tree3 8s linear .05s infinite}.rock{-webkit-animation:rock 4s linear -.53s infinite;animation:rock 4s linear -.53s infinite}.truck{-webkit-animation:truck 4s ease .08s infinite;animation:truck 4s ease .08s infinite}.wheels{-webkit-animation:truck 4s ease 1ms infinite;animation:truck 4s ease 1ms infinite}.truck:before{-webkit-animation:wind 1.5s ease 0s infinite;animation:wind 1.5s ease 0s infinite}@-webkit-keyframes tree{0%{-webkit-transform:translate(1350px);transform:translate(1350px)}to{-webkit-transform:translate(-50px);transform:translate(-50px)}}@keyframes tree{0%{-webkit-transform:translate(1350px);transform:translate(1350px)}to{-webkit-transform:translate(-50px);transform:translate(-50px)}}@-webkit-keyframes tree2{0%{-webkit-transform:translate(650px);transform:translate(650px)}to{-webkit-transform:translate(-50px);transform:translate(-50px)}}@keyframes tree2{0%{-webkit-transform:translate(650px);transform:translate(650px)}to{-webkit-transform:translate(-50px);transform:translate(-50px)}}@-webkit-keyframes tree3{0%{-webkit-transform:translate(2750px);transform:translate(2750px)}to{-webkit-transform:translate(-50px);transform:translate(-50px)}}@keyframes tree3{0%{-webkit-transform:translate(2750px);transform:translate(2750px)}to{-webkit-transform:translate(-50px);transform:translate(-50px)}}@-webkit-keyframes rock{0%{right:20px}to{right:2000px}}@keyframes rock{0%{right:20px}to{right:2000px}}@-webkit-keyframes truck{6%{-webkit-transform:translateY(0);transform:translateY(0)}7%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}9%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}11%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes truck{6%{-webkit-transform:translateY(0);transform:translateY(0)}7%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}9%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}11%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes wind{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}}@keyframes wind{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}}@-webkit-keyframes mtn{to{-webkit-transform:translateX(-2000px) rotate(130deg);transform:translateX(-2000px) rotate(130deg)}}@keyframes mtn{to{-webkit-transform:translateX(-2000px) rotate(130deg);transform:translateX(-2000px) rotate(130deg)}}@-webkit-keyframes hill{to{-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes hill{to{-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}
/*# sourceMappingURL=main.ce6f2f86.chunk.css.map */