body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}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{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{height:100vh;margin:0;padding:0;width:100vw}.oleo,body{overflow:hidden}.oleo{background-color:#150e5c;height:100%;position:fixed;width:100%}@keyframes moveTruck{0%{transform:translateX(-20vw)}to{transform:translateX(110vw)}}.truck{animation:moveTruck 20s linear infinite;bottom:0;height:12vw;position:absolute;width:20vw;z-index:4}.cab{background-color:#fff;border-radius:0 30px 0 0;height:7.2vw;top:0;width:8vw}.cab,.windshield{position:absolute;right:0}.windshield{background-color:silver;border-radius:0 5px 5px 0;height:50%;top:20%;width:60%}.bed{background-color:#fff;border-radius:0pxpx 0 0 0;height:2.4vw;position:relative;top:7.2vw;width:20vw}@keyframes spin{to{transform:rotate(1turn)}}.wheel{animation:spin 4s linear infinite;background-color:#0000;border:1.4vw solid #000;border-radius:1000px;bottom:0;height:1.6vw;position:absolute;width:1.6vw}.wheel.one{right:5%}.wheel.two{right:55%}.wheel.three{right:75%}.verticalBeam{height:100%;left:37%;width:25%}.horizontalBeam,.verticalBeam{background-color:#000;position:absolute}.horizontalBeam{height:26%;top:37%;width:100%}.mixer{background-color:#d63a40;height:50%;left:0;top:10%;width:59%}.building,.mixer{position:absolute}.building{bottom:0;display:flex;flex-direction:column;flex-wrap:wrap;left:10vw;top:auto}.wall{background-color:#5e1e53;height:10vw;position:relative;width:20vw}.window{background-color:#ffffe0;border-radius:199px 199px 0 0;bottom:3vw;height:4vw;position:absolute;top:3vw;width:4vw}.window.one{left:4vw}.window.two{left:12vw}.storey{display:flex}.moon{background-color:#f6f1d5;border-radius:1000px;bottom:25vw;height:20vw;left:3vw;width:20vw}.crane,.moon{position:absolute}.crane{bottom:0;right:20vw}.mast{display:flex;flex-direction:column;overflow:hidden}.mastBox{border:1vw solid #f4633c;border-width:.5vw 1vw;height:2.5vw;width:2.5vw}.upperFoundation{background-color:#d63a40;border-bottom:.1vw solid #000;height:.9vw;margin-left:-.5vw;width:5.5vw}.lowerFoundation{background-color:#d63a40;height:2vw;margin-left:-3vw;width:10vw}.jib{display:flex;margin-bottom:-10.5vw;margin-left:-49.5vw}.counterWeight{background-color:#d63a40;border-left:.1vw solid #000;height:7vw;width:2.4vw}@keyframes moveTrolley{0%{transform:translateX(0)}50%{transform:translateX(12vw)}to{transform:translateX(0)}}.trolley{animation:moveTrolley 20s linear infinite;height:1vw;margin-left:-42vw;margin-top:3vw;position:absolute;width:4vw}.hoist,.trolley{background-color:#000}.hoist{height:10vw;margin-left:1.75vw;width:.5vw}@keyframes hoistWallSwing{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}.hoistWall{animation-duration:4s;animation-iteration-count:infinite;animation-name:hoistWallSwing;margin-left:-8vw;margin-top:-1vw}.hoistWall .window{background-color:#000}.hideOnMedium{@media only screen and (min-width:768px){display:none}}.board{align-items:center;background-color:#deb887;border-radius:12px;bottom:5vw;display:flex;height:10vw;justify-items:center;right:2vw;text-align:center;width:20vw}.board,.post{position:absolute;z-index:6}.post{background-color:#8b4513;bottom:0;height:17vw;right:10vw;width:2vw}h1{font-family:Lucida Console,Courier New,monospace}@media (min-width:50px){h1{font-size:1.1em}}@media (min-width:100px){h1{font-size:1.2em}}@media (min-width:200px){h1{font-size:1.4em}}@media (min-width:300px){h1{font-size:1.6em}}@media (min-width:400px){h1{font-size:1.8em}}@media (min-width:500px){h1{font-size:2em}}@media (min-width:600px){h1{font-size:2.2em}}@media (min-width:700px){h1{font-size:2.4em}}@media (min-width:768px){h1{font-size:.8em}}@media (min-width:900px){h1{font-size:.8em}}@media (min-width:1000px){h1{font-size:1em}}@media (min-width:1100px){h1{font-size:1.2em}}@media (min-width:1200px){h1{font-size:1.4em}}@media (min-width:1300px){h1{font-size:1.6em}}@media (min-width:1400px){h1{font-size:1.8em}}@media (min-width:1500px){h1{font-size:2em}}@media (min-width:1600px){h1{font-size:2.2em}}@media (min-width:1700px){h1{font-size:2.4em}}@media (min-width:1800px){h1{font-size:2.6em}}.board.mobile{height:40vw;left:10vw;max-height:200px;position:absolute;text-align:center;top:20px;width:80vw}@media only screen and (max-width:768px){.desktop{display:none}}@media only screen and (min-width:768px){.mobile{display:none}}
/*# sourceMappingURL=main.d1f5f243.css.map*/