<div class="background-container">
<svg class="background" xmlns="http://www.w3.org/2000/svg" version="1.1" x="10" y="10" width="840" height="485" viewBox="10 10 840 485" enable-background="new 0 0 840 485" xml:space="preserve">
<path class="cloud" fill-rule="evenodd" clip-rule="evenodd" fill="#5B8095" d="M362.5 270.9c-6.1-5.5-65.2-11-65.3-16.1 -3.1-6.6 67.9-4 43.9-9.2 -30-6.7-30-10.2-12.3-18.8 11.9-4.8 29.7-9.8 35.6-14.5 2.9-4.2-18.1-10-9.2-13.2 17.7-9.1 35.8 1.4 38.9 5 12.1 9 17.3 9.8 23.5 19 12.2 14.7-16.6 10.5-28.3 25.1 -20.9-0.1-32.8 23.4-32.8 19.3"/>
<path class="cloud" fill-rule="evenodd" clip-rule="evenodd" fill="#EAE9C3" d="M680.5 247.5c19.2 2.4 38.5-26.8 55.8-40.1 8.3-6.6 17.5-8.6 24.5-13.6 9.1-3.5 11.6-22.6 19.9-30.8 -0.7 0-0.7 0-1.4-1.5 3.3-0.1 6.5-3.4 8.2-9.8 11.4 4.3 39.3-23.6 46.4-42.9 0 0 14.1-11.6 15.1-19.5 5.5-28.6-17.8-32.4-23.6-46.4 -7.3-17.1-0.9-23.6-13.7-31 -6-2.9-20-5.5-25 1 -10.8 9.9-11.6 24.1-25.3 26.3 -5.3 0.2-7.3-1.3-11.8 2 -3.2 1.7-4.2 9.6-7.4 12.9 -2.6 1.7-3.5-6.2-6.1-4.5 -11.7 3.6-24 10.4-35.7 14 -8.4 3.5-23.8-2.2-29.9 12.2 -4.2-21.9-5.2 1.8-7.8 3.5 -11.1 2-27.1-17.9-39.7-20.5 -4.7-1.4-14.1-7.3-18.5-0.9 -4.4 4.9-5.9 17.6-10.3 24.1 -9.3 14.6-23.6 4.1-34 6.1 -19 2.3-40 6.3-58.8 13.4 -12.3 5.2-5.4 12.8-12 30.5 -3 6.4-11.2 0.4-13.3 13.2 -2.9 11.2 3.4 36.2 5.2 48.7 4.2 39.3-1.3 50.6 17.8 51.4 18.5 0.9 35.1-14 53.5-14.7 10.5-0.4 16.6 4.1 26.8-5.8 12.7-11.5 21-18.2 35.2-10.9 16.2 8.8 43.2 42.5 57.4 18.3C674.9 238.2 677 242.9 680.5 247.5"/>
<path class="cloud2" fill-rule="evenodd" clip-rule="evenodd" fill="#6F8C8C" d="M855.3 219c-12-1-34-5-45 0 -7 4-5 11-12 12 -11 1-23-15-38-11 -6 2-9 8-15 11 -16 6-28-5-38-5 -6-1-20 4-27 4 -9 1-14 1-22 0 -41-2-84 13-124 11 -24-1-49 3-72 2 -18 0-39-3-56-2 -35 4-69 21-106 19 -11 0-88-7-89 12 -12-2-27 2-39-2 -3-1-10-7-12-8 -5-1-8 1-13 1 -15-3-38-9-45 12 60 0 124 4 185 10 59 6 121-5 180-5 20 0 40 2 60 3 67 2 136-10 203-11 28 0 47 6 74 14 9 3 39 13 48 7 6-4 6-25 6-33 0-10 4-42-6-42"/>
<path class="cloud4" fill-rule="evenodd" clip-rule="evenodd" fill="#576E78" d="M206.3 279c14 0 27 1 40 2 12 1 20 5 29 7 14 3 31-2 45-1 13 1 26 1 40 2 42 2 85 2 127 5 38 3 72 12 111 10 66-3 133 0 198-6 14-1 50.8 8.8 61.8 2.8 5-2 4.3-27.7-1.7-34.7 -7-6-50 0-57 0 -17 2-35 2-50 1 -12-1-26-5-40-5 -11 0-21 1-32 1 -14-1-27-2-41-2 -7-1-17-3-24-2 -3 0-9 4-11 4 -16 0-23-12-40-13 -18 0-38 0-54 0 -12 1-24 4-36 3 -11-1-26-7-37-4 -8 2-12 8-19 11 -19 7-43 9-62 14 -16 4-27-1-42-3 -23-2-63-1-82 9"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#44535B" d="M339.3 288c32-1 65-1 88-18 12-9 18-15 34-12 12 2 26 8 40 5 15-4 22-20 41-13 12 4 24 12 35 16 26 10 55 13 82 23 5 2 10 5 16 6 -11 12-53 9-67 8 -24-3-46-16.2-71-12.2 -11 1-27-1.8-38-0.8 -15 1-31 6.3-46 5.3 -19-1-101 14.7-112-8.3"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#31384A" d="M0 266c2.9-9 9.3-20.7 14.3-21.7 2.9-0.3 5.8 2.7 8.6 4.3 2.5 1.3 4 2.7 6.4 0.7 4.6-3.7 8.2-8.7 13.2-9 4.2 0 8.6-0.3 12.7 3 2.4 2 4.6 4.7 7.2 6 4.7 2.3 10.2 1 14.6 5 2.8 2.3 8.6 6.3 10.3 12.3 -5.8 2-11.8 0.7-17.7 2.7 -5.4 2-11.1 0.7-16.5 0.7 -7.4 0-14.6-1.7-22-2 -4-0.3-7.8-1-11.8 1.7 -2.4 1.3-4.9 1.3-7.2 1 -2.2-0.3-10.6 0-12.1-5"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#31384A" d="M648.8 303c3.3-11.2 16.5-12.7 25.8-15 5.3-1.2 10.5-2.7 15.8-3.7 1.5-0.2 4.3-1.2 5.8-0.7 1 0.3 1.5 1 2.3 1.3 4.3 1.5 5.5 1.5 10.3-0.7 3-1.7 6.8-4.5 10.5-5.2 5.3-1.2 9.5 2.8 14.5 2.5 5.5-0.2 10.3-2.2 16-1 9.3 2 17.8 2.3 27 2.5 7.5 0.3 13 4.3 19.8 6.5 12.8 4.5 25 0.3 37.8 3.5 5.5 1.3 9.8 3.5 15.5 4.3 4 0.5 7.5-0.5 8.5 3.8 0.8 3.3-0.5 6.5-3.2 8 -2.2 1.3-6.5 1-9 1.3 -5.5 1-11 1.5-16.5 1.8 -9 0.3-17.7 0.3-26.7 0.3 -13.5 0-24.7-2.7-38-5.5 -12.5-2.7-24.5 1.8-36.7 0.3 -13.7-1.5-28.2-2.7-42.2-1 -5.7 0.8-12.5 2.8-18.5 2 -6.2-1-12.2-3.2-18.7-3.5 0.3-0.7-0.2-0.7-0.5-1.2"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#31384A" d="M409 301c7-9 22.3-20.7 34.3-21.7 7-0.3 14 2.7 20.7 4.3 6 1.3 9.7 2.7 15.3 0.7 11-3.7 19.7-8.7 31.7-9 10 0 20.7-0.3 30.3 3 5.7 2 11 4.7 17.3 6 11.3 2.3 24.3 1 35 5 6.7 2.3 20.7 6.3 24.7 12.3 -14 2-28.3 0.7-42.3 2.7 -13 2-26.7 0.7-39.7 0.7 -17.7 0-35-1.7-52.7-2 -9.7-0.3-18.7-1-28.3 1.7 -5.7 1.3-11.7 1.3-17.3 1 -5.3-0.3-25.3 0-29-5"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#323544" d="M495 309.7c13-4.7 25.3-9 38.7-12 10-2.7 18 1 27.7 1 9.3 0 17.7 3.3 28 2.7 5.7-0.3 10-3 15.7-4 4.3-0.7 8.7-0.3 13-1 10-1.7 18.7-7.3 28.3-5 13.3 3 26.3 4.7 40 6 8.7 1 17.3 0.3 26 1.7 12 2 24.7 3.3 37 2.7 8-0.3 16-1.3 24.3-1.3 8 0 14.3 2.3 21.7 3.3 8 1.3 15.3-0.7 22.7 3.3 3.7 2 7.7 3.7 10.7 5.7 -15 6-36 3.3-52.3 3.3 -13.7 0-26.7-2-40.3-2.7 -14.3-0.3-28.3 1.7-42.7 2.7 -12.3 1-24.7-1-37-0.7 -3.7 0-7 1-10.7 1.3 -7.3 0.7-14-1.3-21-2.3 -17-2-35.3-1-52.7-1 -19 0-38.7 0.7-57.7-1.3 -5-0.7-15-0.3-19.3-2.7"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#201C33" d="M759.3 315c10.7-1.3 20-7.7 30.3-9 5-0.3 9 1 14 1.3 9 0.7 13.7-4 21.7-6.3 7.3-2 19.7-2 27-0.3 9.3 2 8 10.3 6.3 18.7 -32.7-3.7-66 1-98.3-4.7 -0.3-0.7 0.7 0 1-0.3"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#201C3A" d="M2.6 254.3c7.3-0.2 14.8 0.8 21.8 2.5 4 0.8 7.8 2.8 11.8 3 3.5 0.5 5.8-0.7 9.3-2 6-1.7 11.5-1.5 17.8-1.2 5.5 0 10.8-0.5 16-2 1.8-0.2 5.3-2.5 6.8-2 2.5 0.8 5 5 6.8 6.8 3.3 3.3 6.3 7 10.8 8.5 8.8 3 21-3.2 28.5 2.3 2 1.8 3.5 4.3 5.8 6 4.5 3.3 10 4.8 15.5 5.8 5 1 9.8 1.3 14.8 3.3s8 4 13.5 4.8c10.5 1 20.3 2.3 28.5 9 -2.2 1.5-5 2-7 3.8 1.3 1 3 2.3 3.5 3.8 -9.5 5.3-20.7 2.5-30.5 5.5 -2 0.8-4 3-6 3.5 -2.7 0.5-4.5-1.7-7-2.2 -9.2-2-16.7 9-26 9.5 -11 1-21.5-0.2-32.5-1 -22.2-1.7-43.7-1.5-65.5 3 -10 2-20.7 1.3-31 1.5 -6.5 0.3-5.7-3.2-5.7-9 -0.2-12.7 0.5-25.2 0.8-37.7 0-4.5 4.3-21.5-0.2-24.7"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#0A0A11" d="M2 304.3c20.7 0 43.3 0 62.7 1.3 14.7 0.7 30.7-2.7 42.7 3.3 6 2.7 6 6 13.3 6.7 7.3 0.7 15.3-3.3 22.7-4 11.3-0.7 20 4 30 4 11.3 0.7 18.7-1.3 28.7 2.7 6 2.7 10 4 16 5.3 8 1.3 34 2 36 8.7 -9.3 0.7-19.3-2.7-29.3-0.7 -11.3 1.3-21.3 4.7-32.7 4 -17.3-0.7-36 0-53.3 0 -14.7-0.7-29.3-0.7-44.7 2 -12.7 2.7-24-2-37.3 3.3 -18.7 7.3-34.7 6-54.7 8 0.7-10.7-4.7-38.7 1.3-45.3"/>
<path class="cloud3" fill-rule="evenodd" clip-rule="evenodd" fill="#D1E2C4" d="M558.6 33c-28.6-1.7-59.2 13.2-85.8 19.9 -12.8 3.3-26.6 4.1-37.5 6.6 -13.8 1.7-18.7 11.6-31.6 15.7 1 0 1 0 2 0.8 -4.9 0-9.9 1.7-12.8 5 -16.8-2.5-60.1 11.6-72 21.5 0 0-21.7 5.8-23.7 9.9 -9.9 14.9 24.6 17.4 32.5 24.8 9.9 9.1 0 12.4 18.7 16.6 8.9 1.7 29.6 3.3 37.5 0 16.8-5 18.7-12.4 39.4-13.2 7.9 0 10.8 0.8 17.7-0.8 4.9-0.8 6.9-5 11.8-6.6 3.9-0.8 4.9 3.3 8.9 2.5 17.7-1.7 36.5-5 54.2-6.6 12.8-1.7 35.5 1.7 45.4-5.8 4.9 11.6 7.9-0.8 11.8-1.7 16.8-0.8 39.4 9.9 58.2 11.6 6.9 0.8 20.7 4.1 27.6 0.8 6.9-2.5 9.9-9.1 16.8-12.4 14.8-7.4 35.5-1.7 51.3-2.5 28.6-0.8 60.1-2.5 88.7-5.8 18.7-2.5 8.9-6.6 19.7-15.7 4.9-3.3 16.8 0 20.7-6.6 4.9-5.8-3-19-4.9-25.7 -3.9-20.7 4.9-26.5-23.7-27.3 -27.6-0.8-53.2 6.6-80.8 6.6 -15.8 0-24.6-2.5-40.4 2.5 -19.7 5.8-32.5 9.1-53.2 5 -23.7-5-62.1-23.2-84.8-10.8C566.5 37.9 563.5 35.5 558.6 33"/>
<path class="cloud3" fill-rule="evenodd" clip-rule="evenodd" fill="#5B8095" d="M261.6 44.8c-10.4 2.8-19.5 1.6-29.2 2.8 -12.5 2.3-8.7 1.1-18.3 8.2 -12.3 8.9-19 9.8-35.3 7.3 -9.2-1.8-18.7-5.1-27.7-5.5 -7.9 0.2-18.6 6.7-24.8 5.3 -17.2-2.3 2.3-9.2 9-10.8 16.9-5-38.9-21.9-21.8-25.5 27.6-6.4 127.9 10.3 155.5 9.9 -0.1 5.2-6.2 9.7-13.9 10.6"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#0A0A11" d="M3.3 439c9 0 18-6 25-3 7-3 17-2 25-3 3 5 6 12 12 16 1-1 2-3 2-4 13 8 22-6 33 0 5-10 16-1 21-12 2 3 6 5 8 7 0-2 4-6 4-9 10 0 13 6 22 8 19 6 8 0 17-13 5 5 14 12 22 14 1-1 1-2 2-3 2 0 3 1 4 0 1 0 1-3 1-3 2 1 4 2 5 3 2-8 14-9 21-6 12 4 12 14 27 7 -2-1-3-6-6-8 2 0 7-3 10-3 -7-4-13-8-20-11 15-1 29-5 42-6 10-1 29-3 38 2 7 3 4 14 13 8 2 22 18-8 24-6 4-14 20-8 29-4 5-10 25 4 27 11 2-6 11-8 11 2 8 2 25 2 22-10 13-7 26 7 37 10 5 2 13 5 18 5 5-1 8-5 10-5 7-2 10-4 17 0 6-10 18 0 27-1 7 0 11-3 19-5 25-6 51 0 77-3 21-2 29-14 46-22 10-5 34 1 36-14 9 5 27-7 36-10 8-3 19-2 27-5 4-1 12-4 16-5 1-5 4-6 6-8 7 8 34 4 39-3 3 41 1.5 74 4.5 113 0 11 1.5 33-8.5 38 -5 2-24-2-30-2 -22 0-45 0-66 3 -37 6-74 12-110 2 -41-10-78-1-119-1 -34 0-66-4-99-3 -22 1-44-3-65 0 -8 2-14 5-22 6 -20 0-44 0-64-3 -37-6-66.5 0-108 0 -28.3 0-61 4-90 1 -27-3-44-6-71-1 -4-24-6-43-3-62"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M99.3 363c20-10 60-17 72 7 -10 3-70 3-71-6"/>
<path class="cloud3" fill-rule="evenodd" clip-rule="evenodd" fill="#D4DBB5" d="M853.3 181c-14 0-34-3-48 1 -2 1-1 7-6 9 -5 1-12 0-18 0 -20 0-30 6-47 16 2 1 4 4 5 4 -24 9-61-12-86-14 -16-1-22 4-35 8 -7 2-12-4-19 4 -6-2-17-5-24-3 -6 2-5 7-9 9 -15 8-33 7-50 6 -4-17-35-4-44 0 -8 4-6 6-16 8 -13 1-17-7-25-9 -7-1-17 8-23 6 -7-3-12-22-14-29 -1-4-7-16 0-21 7-4 11 1 11 7 14 2 21-5 32-8 8-2 21 3 28-1 5-3 3-5 7-9 16-18 26-57 49-67 16-6 28 6 39 12 -1 1-2 2-3 3 8 0 13 3 9 10 10 6 18 9 30 11 -1 2-1 4-1 6 15 9 44.5 5 52.5-13 -6-6 23.5-3 19.5 4 11 10 7-2-3 21 7-13 49 4 58 10 0 2-2 3-3 4 3 1 5 1 7 0 -1-7-3-14-3-21 6 0 11 2 17 5 0 2-1 1-1 3 14 6 25 4 38 3 11-2 23-2 34-4s15-7 23-9c29-8 13 23 20 36"/>
<path class="cloud2" fill-rule="evenodd" clip-rule="evenodd" fill="#869A9B" d="M17.6 109.4c12.2 0 29.7 1.5 41.9-0.4 1.7-0.5 0.9-3.4 5.2-4.4 4.4-0.5 10.5 0 15.7 0 17.5 0 27-18.6 41.9-23.5 -1.7-0.5 16.6 9.3 15.8 9.3 21-4.4 35.4 1 57.2 2 14 0.5 16.1 7.4 27.4 5.5 6.1-1 10.5 2 16.6-1.9 5.2 1 14.8 2.5 20.9 1.5 5.2-1 4.4-3.4 7.9-4.4 13.1-3.9 28.8-3.4 43.7-2.9 3.5 8.4 30.5 2 38.4 0.1 7-2 5.2-2.9 14-3.9 11.3-0.5 14.8 3.5 21.8 4.5 6.1 0.5 14.9-3.9 20.1-2.9 6.1 1.5 10.5 10.8 12.2 14.3 0.9 2 6.1 7.9 0 10.3 -6.1 2-9.6-0.5-9.6-3.5 -12.2-1-18.3 2.4-27.9 3.9 -7 1-18.3-1.5-24.4 0.5 -4.4 1.5-2.6 2.5-6.1 4.4 -14 8.8-21.8 6.9-41.8 11.8 -14 2.9-25.4 18.1-35 15.1 0.9-0.5 1.7-1 2.6-1.5 -7 0-11.3-1.5-7.8-4.9 -8.7-3-15.7-4.4-26.2-5.4 0.9-1 0.9-2 0.9-2.9 -13.1-4.4-38.8-2.5-45.8 6.3 5.2 3-20.5 1.4-17-2 -9.6-4.9-6.1 1 2.6-10.3 -6.1 6.4-42.8-2-50.6-5 0-1 1.7-1.5 2.6-2 -2.6-0.5-4.4-0.5-6.1 0 0.9 3.4-6.1 18.5-6.1 22 -5.2 0-29.8-3.7-35-5.1 0-1 12-3.3 12-4.3 -12.2-3-18.7 0.8-30 1.2 -9.6 1-5.5-7.9-15.1-7 -9.6 1-13.1 3.4-20.1 4.4 -25.3 3.9 6.3-5.9 0.2-12.3"/>
<path class="cloud" fill-rule="evenodd" clip-rule="evenodd" fill="#83928D" d="M203.3 188c9-11 56-22 60-6 -8 4-54 8-60 5"/>
<path class="cloud2" fill-rule="evenodd" clip-rule="evenodd" fill="#83928D" d="M186.3 40.6c20 0 41 3.3 59-1.7 26-6.6-16-9.1-26-9.9 -14-1.7-28 3.3-41 2.5 -15-1.7-32-5-49-5.8 -20-0.8-42 5.8-62 9.1 24 3.3 49 6.6 73 5.8 10 0 15 1.7 24 1.7 8 0 14-4.1 21-2.5"/>
<path class="cloud2" fill-rule="evenodd" clip-rule="evenodd" fill="#83928D" d="M332.3 209c5 0 11-1 16 0 4 1 3 6 7 7 11 0 18-10 29-13 8-2 31-1 36 6 -34 11-68 13-103 21 -8 1-38 3-28-14 4-7 36-6 43-8"/>
<path class="cloud" fill-rule="evenodd" clip-rule="evenodd" fill="#83928D" d="M282.3 64.4c30 1.7 56-7.4 83-13.2 18-3.3 33 1.7 51 3.3 6 0.8 11-3.3 17-0.8 4 1.7 9 9.1 13 12.4 -30 0.8-65-5.8-92 0 -13 3.3-45 11.6-53-2.5"/>
<path class="cloud2" fill-rule="evenodd" clip-rule="evenodd" fill="#5B8095" d="M24.3 144.2c11-1.7 20 0.8 30 0.8 13-0.8 9 0 20-6.6 14-8.3 21-8.3 37-3.3 9 3.3 18 8.3 27 9.9 8 0.8 20-5 26-2.5 17 5-4 9.9-11 10.8 -18 3.3-37 4.1-55 5.8 -29 3.3-55-3.3-83-6.6 1-5.8 8-9.9 16-9.9"/>
<path class="cloud4" fill-rule="evenodd" clip-rule="evenodd" fill="#5B8095" d="M95.9 78.7c7.8 2.5 80.6-0.6 81 2.3 4.2 3.4-45.7 12.1-16 12.5 37.1 0.6 0 0-21.3 6.7 -14.3 4-35.8 8.7-42.8 12 -3.3 2.7 22.7 3.7 12 6.5 -21.3 7-44 3-48 1.3 -15.4-3.9-21.8-3.7-29.8-8.3 -15.8-7.1-12.2-16.9 1.3-26.5 25.6-2.1 70.8-7.6 71.1-5.3"/>
<path class="cloud" fill-rule="evenodd" clip-rule="evenodd" fill="#5B8095" d="M327.3 145.8c-4.5 4.4-26.6 11.7-31.8 14.1 -6.1 4-18.3-9.7-19.2 0 -1.2 12.2-8.6 5.5-20.4 4 -7-1.3-15.3-4.4-21.1-4 -4.7 1.1-6.7 10.1-11.6 8.9 -12.4-1.2-46.8-13.6-43.8-16.2 6.9-7.9 28.7-9.1 36.8-15.2 12.6-10.5 59.9-11.9 76.8-15.2 3.7 6.4 25.3 9.9 21.1 11.9"/>
</svg>
</div><!--background-container-->
<div class="background-container">
<div class="backtop"></div>
<div class="backbottom"></div>
</div>
.pos-bg {
position: relative;
left: -50%;
}
body {
background: #000;
}
.background-container {
position: absolute;
left: 50%;
top:0;
}
.background {
@extend .pos-bg;
width: 857px;
height: 500px;
z-index: 300;
opacity: 0.7;
}
.backtop {
@extend .pos-bg;
top: 0;
height: 290px;
width: 850px;
background: rgb(63,88,113); /* Old browsers */
background: linear-gradient(left, rgba(63,88,113,1) 0%, rgba(105,137,143,1) 31%, rgba(156,179,163,1) 70%, rgba(194,217,189,1) 100%); /* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%,rgba(63,88,113,1)), color-stop(31%,rgba(105,137,143,1)), color-stop(70%,rgba(156,179,163,1)), color-stop(100%,rgba(194,217,189,1))); /* Chrome,Safari4+ */
background: linear-gradient(left, rgba(63,88,113,1) 0%,rgba(105,137,143,1) 31%,rgba(156,179,163,1) 70%,rgba(194,217,189,1) 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(left, rgba(63,88,113,1) 0%,rgba(105,137,143,1) 31%,rgba(156,179,163,1) 70%,rgba(194,217,189,1) 100%); /* Opera 11.10+ */
background: linear-gradient(left, rgba(63,88,113,1) 0%,rgba(105,137,143,1) 31%,rgba(156,179,163,1) 70%,rgba(194,217,189,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(63,88,113,1) 0%,rgba(105,137,143,1) 31%,rgba(156,179,163,1) 70%,rgba(194,217,189,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5871', endColorstr='#c2d9bd',GradientType=1 ); /* IE6-9 */
}
.backbottom {
@extend .pos-bg;
top: 0;
height: 200px;
width: 850px;
opacity: 0.9;
background: rgb(17,19,58); /* Old browsers */
background: linear-gradient(left, rgba(17,19,58,1) 0%, rgba(45,46,60,1) 25%, rgba(38,79,89,1) 55%, rgba(38,79,89,1) 74%, rgba(72,102,97,1) 100%); /* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%,rgba(17,19,58,1)), color-stop(25%,rgba(45,46,60,1)), color-stop(55%,rgba(38,79,89,1)), color-stop(74%,rgba(38,79,89,1)), color-stop(100%,rgba(72,102,97,1))); /* Chrome,Safari4+ */
background: linear-gradient(left, rgba(17,19,58,1) 0%,rgba(45,46,60,1) 25%,rgba(38,79,89,1) 55%,rgba(38,79,89,1) 74%,rgba(72,102,97,1) 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(left, rgba(17,19,58,1) 0%,rgba(45,46,60,1) 25%,rgba(38,79,89,1) 55%,rgba(38,79,89,1) 74%,rgba(72,102,97,1) 100%); /* Opera 11.10+ */
background: linear-gradient(left, rgba(17,19,58,1) 0%,rgba(45,46,60,1) 25%,rgba(38,79,89,1) 55%,rgba(38,79,89,1) 74%,rgba(72,102,97,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(17,19,58,1) 0%,rgba(45,46,60,1) 25%,rgba(38,79,89,1) 55%,rgba(38,79,89,1) 74%,rgba(72,102,97,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11133a', endColorstr='#486661',GradientType=1 ); /* IE6-9 */
}
.cloud, .cloud2, .cloud3, .cloud4 {
transform: translateZ(0);
transform-origin: 50%;
opacity: 0.8;
}
.cloud {
animation: move 40s linear infinite;
}
.cloud2 {
animation: move 50s -20s linear infinite;
}
.cloud3 {
animation: move 60s -80s linear infinite;
}
.cloud4 {
animation: move 90s -80s linear infinite;
}
@keyframes move {
0% { transform: translateX(900px); opacity: 0.9; }
50% { transform: translateX(0); opacity: 0.3; }
100% { transform: translateX(-900px); opacity: 0.9; }
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.