#app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:center;align-self:center;overflow:hidden}.form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.time{font-size:50px;left:50%;bottom:30px;margin-left:-60px}.person,.time{position:absolute}.person{-webkit-transition:all .5s;transition:all .5s;height:67px;width:100px;background-repeat:no-repeat;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.person,.person.sitting{background-image:url(../img/person-sitting.2c9fd830.png)}.person.sitting{background-position-x:35px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.luggage{-webkit-transform:translateX(30px) translateY(20px);transform:translateX(30px) translateY(20px);-webkit-transition:all .5s;transition:all .5s}.unloading .luggage{-webkit-transform:translateX(30px) translateY(0) rotate(180deg);transform:translateX(30px) translateY(0) rotate(180deg);opacity:.5}.sitting .luggage{opacity:0}body,html{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media only screen and (max-width:400px){.container{-webkit-transform:scale(.2) translateY(-1631px);transform:scale(.2) translateY(-1631px)}}@media only screen and (min-width:401px) and (max-width:600px){.container{-webkit-transform:scale(.3) translateY(-631px);transform:scale(.3) translateY(-631px)}}@media only screen and (min-width:601px) and (max-width:950px){.container{-webkit-transform:scale(.4) translateY(-631px);transform:scale(.4) translateY(-631px)}}