html,body{background-color:#85b9dd;margin:0;padding:0;width:100%;height:100%}.frame{width:500px;height:auto;margin:15% auto 0;position:absolute;width:100%}svg{max-width:100%;height:auto;display:block}.plane-container{width:200px;margin:0 auto;z-index:3}.plane{width:100%;height:60px}.plane-container{animation:paper-plane-scoping 2s alternate infinite;animation-timing-function:linear}@keyframes paper-plane-scoping{0%{transform:translateY(0)}to{transform:translateY(100px)}}.plane{animation-timing-function:ease-in-out;animation:paper-plane-soaring 4s forwards infinite}@keyframes paper-plane-soaring{0%{transform:rotate(0)}40%{transform:rotate(15deg)}50%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}70%{transform:rotate(-10deg)}to{transform:rotate(0)}}.clouds{position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.cloud{position:absolute;top:20%;width:300px;right:0;opacity:1}.cloud.front{z-index:9}.cloud.distant,.cloud.background{z-index:1}.cloud.smaller{margin-right:400px;width:100px;margin-top:50px}.cloud.small{margin-right:200px;width:150px}.cloud.big{width:500px;margin-top:50px;margin-right:150px}.cloud.massive{width:600px;margin-top:20px;margin-right:0}.cloud{animation-name:cloud-movement;animation-timing-function:linear;animation-direction:normal;animation-iteration-count:infinite;animation-duration:8s}.slow{animation-duration:9.2s}.slower{animation-duration:11.2s}.slowest{animation-duration:13.5s}.super-slow{animation-duration:20.5s}@keyframes cloud-movement{0%{opacity:.1;transform:translate(300px)}10%{opacity:.7}90%{opacity:0}to{opacity:0;transform:translate(-1000px)}}