<html>
<head>
  <!-- NOTE: for best results view in Firefox -->
  <style>
    body {
      background-image: linear-gradient(bottom, rgb(49, 112, 168) 25%, white 0%, rgb(187, 221, 237) 87%);
      background-image: -o-linear-gradient(bottom, rgb(49, 112, 168) 25%, white 0%, rgb(187, 221, 237) 87%);
      background-image: -moz-linear-gradient(bottom, rgb(49, 112, 168) 25%, white 0%, rgb(187, 221, 237) 87%);
      background-image: -webkit-linear-gradient(bottom, rgb(49, 112, 168) 25%, white 0%, rgb(187, 221, 237) 87%);
      background-image: -ms-linear-gradient(bottom, rgb(49, 112, 168) 25%, white 0%, rgb(187, 221, 237) 87%);
      background-repeat: no-repeat;
      height: 650px;
      overflow-y: hidden;
      overflow-x: hidden;
    }
    .sun {
      width: 100px;
      height: 100px;
      background: yellow;
      box-shadow: inset 0px 0px 20px 15px gold, 0px 10px 60px 10px yellow;
      -o-box-shadow: inset 0px 0px 20px 15px gold, 0px 10px 60px 10px yellow;
      -moz-box-shadow: inset 0px 0px 20px 15px gold, 0px 10px 60px 10px yellow;
      -webkit-box-shadow: inset 0px 0px 20px 15px gold, 0px 10px 60px 10px yellow;
      -ms-box-shadow: inset 0px 0px 20px 15px gold, 0px 10px 60px 10px yellow;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      z-index: 1;
      position: absolute;
      top: 50px;
      right: 100px;
    }
    .shipbody {
      width: 300px;
      height: 250px;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-image: linear-gradient(bottom, rgb(49, 112, 168) 10%, rgb(7, 13, 13) 0%, rgb(7, 13, 13) 1%, rgb(166, 49, 49) 39.9%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 45%, transparent 0%, transparent 50%);
      background-image: -o-linear-gradient(bottom, rgb(49, 112, 168) 10%, rgb(7, 13, 13) 0%, rgb(7, 13, 13) 11%, rgb(166, 49, 49) 39.9%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 45%, transparent 0%, transparent 50%);
      background-image: -moz-linear-gradient(bottom, rgb(49, 112, 168) 10%, rgb(7, 13, 13) 0%, rgb(7, 13, 13) 11%, rgb(166, 49, 49) 39.9%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 45%, transparent 0%, transparent 50%);
      background-image: -webkit-linear-gradient(bottom, rgb(49, 112, 168) 10%, rgb(7, 13, 13) 0%, rgb(7, 13, 13) 11%, rgb(166, 49, 49) 39.9%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 45%, transparent 0%, transparent 50%);
      background-image: -ms-linear-gradient(bottom, rgb(49, 112, 168) 10%, rgb(7, 13, 13) 0%, rgb(7, 13, 13) 11%, rgb(166, 49, 49) 39.9%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 45%, transparent 0%, transparent 50%);
      z-index: 1;
      position: absolute;
      top: 300px;
      right: 100px;
    }
    .port {
      border: 1px solid rgba(0, 0, 0, 0.2);
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-color: lightblue;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      height: 40px;
      width: 40px;
      position: absolute;
      top: 460px;
      right: 170px;
      z-index: 2;
    }
    .portshine1 {
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      height: 36px;
      width: 36px;
      position: absolute;
      top: 463px;
      right: 173px;
      z-index: 3;
    }
    .port2 {
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      background-color: lightblue;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      height: 40px;
      width: 40px;
      position: absolute;
      top: 460px;
      right: 290px;
      z-index: 2;
    }
    .portshine2 {
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      height: 36px;
      width: 36px;
      position: absolute;
      top: 463px;
      right: 293px;
      z-index: 3;
    }
    .shipbox {
      width: 150px;
      height: 100px;
      -moz-border-radius: 20%;
      -webkit-border-radius: 20%;
      border-radius: 20%;
      -ms-border-radius: 20%;
      -o-border-radius: 20%;
      background-image: linear-gradient(bottom, rgb(7, 13, 13) 1%, rgb(166, 49, 49) 39.9%);
      background-image: -o-linear-gradient(bottom, rgb(7, 13, 13) 1%, rgb(166, 49, 49) 39.9%);
      background-image: -moz-linear-gradient(bottom, rgb(7, 13, 13) 1%, rgb(166, 49, 49) 39.9%);
      background-image: -webkit-linear-gradient(bottom, rgb(7, 13, 13) 1%, rgb(166, 49, 49) 39.9%);
      background-image: -ms-linear-gradient(bottom, rgb(7, 13, 13) 1%, rgb(166, 49, 49) 39.9%);
      position: absolute;
      top: 360px;
      right: 220px;
    }
    .window {
      border-radius: 10%;
      -moz-border-radius: 10%;
      -webkit-border-radius: 10%;
      -ms-border-radius: 10%;
      -o-border-radius: 10%;
      background-color: lightblue;
      border: 1px solid rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 5px 0.5px black;
      height: 40px;
      width: 100px;
      position: absolute;
      top: 380px;
      right: 270px;
      z-index: 1;
    }
    .windowshine {
      border-radius: 8%;
      -moz-border-radius: 8%;
      -webkit-border-radius: 8%;
      -ms-border-radius: 8%;
      -o-border-radius: 8%;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-left: none;
      -o-border-left: none;
      -moz-border-left: none;
      -ms-border-left: none;
      -webkit-border-left: none;
      box-shadow: inset 5px 5px 10px 0px white;
      height: 36px;
      width: 98px;
      position: absolute;
      top: 382px;
      right: 272px;
      z-index: 2;
    }
    .chimney {
      width: 60px;
      height: 90px;
      -moz-border-radius: 20%;
      -webkit-border-radius: 20%;
      -o-border-radius: 20%;
      -ms-border-radius: 20%;
      border-radius: 20%;
      background-image: linear-gradient(bottom, rgb(7, 13, 13) 1%, rgb(166, 49, 49) 60%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 65%, rgb(166, 49, 49) 0%, rgb(166, 49, 49) 70%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 75%, rgb(166, 49, 49) 0%, rgb(166, 49, 49) 80%);
      background-image: -o-linear-gradient(bottom, rgb(7, 13, 13) 1%, rgb(166, 49, 49) 60%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 65%, rgb(166, 49, 49) 0%, rgb(166, 49, 49) 70%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 75%, rgb(166, 49, 49) 0%, rgb(166, 49, 49) 80%);
      background-image: -moz-linear-gradient(bottom, rgb(7, 13, 13) 1%, rgb(166, 49, 49) 60%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 65%, rgb(166, 49, 49) 0%, rgb(166, 49, 49) 70%, rgb(237, 237, 190) 0%, rgb(237, 237, 190) 75%, rgb(166, 49, 49) 0%, rgb(166, 49, 49) 80%);
      background-image: -webkit-linear-gradient(bottom, rgb(49, 112, 168) 10%, rgb(166, 49, 49) 0%, rgb(166, 49, 49) 39.9%, rgb(166, 49, 49) 0%, tranparent 40%);
      background-image: -ms-linear-gradient(bottom, rgb(49, 112, 168) 10%, rgb(166, 49, 49) 0%, rgb(166, 49, 49) 39.9%, tranparent 40%);
      position: absolute;
      top: 385px;
      right: 150px;
    }
    .ship {
      position: absolute;
      top: 50;
      right: -400px;
      animation: ship_animation 20s infinite linear;
      -moz-animation: ship_animation 20s infinite linear;
      -o-animation: ship_animation 20s infinite linear;
      -ms-animation: ship_animation 20s infinite linear;
      -webkit-animation: ship_animation 20s infinite linear;
    }
    @keyframes ship_animation {
      0% {
        transform: translate(400px);
      }
      100% {
        transform: translate(-1400px);
      }
    }
    @-moz-keyframes ship_animation {
      0% {
        -moz-transform: translate(0px);
      }
      100% {
        -moz-transform: translate(-1350px);
      }
    }
    @-o-keyframes ship_animation {
      0% {
        -o-transform: translate(0px);
      }
      100% {
        -o-transform: translate(-1350px);
      }
    }
    @-ms-keyframes ship_animation {
      0% {
        -ms-transform: translate(0px);
      }
      100% {
        -ms-transform: translate(-1350px);
      }
    }
    @-webkit-keyframes ship_animation {
      0% {
        -webkit-transform: translate(0px);
      }
      100% {
        -webkit-transform: translate(-1350px);
      }
    }
    .steam {
      width: 40px;
      height: 40px;
      background-color: white;
      box-shadow: inset 0px -5px 10px 0px silver, 0px 0px 5px 0.5px silver;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      z-index: -1;
      position: absolute;
      top: 385px;
      right: 160px;
      animation: steam_animation 3s infinite linear;
      -moz-animation: steam_animation 3s infinite linear;
      -o-animation: steam_animation 3s infinite linear;
      -ms-animation: steam_animation 3s infinite linear;
      -webkit-animation: steam_animation 3s infinite linear;
    }
    @keyframes steam_animation {
      0% {
        transform: translate(0px, 0px);
      }
      20% {
        transform: translate(0px, -40px);
      }
      100% {
        transform: translate(100px, -100px);
      }
    }
    @-moz-keyframes steam_animation {
      0% {
        -moz-transform: translate(0px, 0px) scale(1);
      }
      20% {
        -moz-transform: translate(0px, -40px) scale(1);
      }
      100% {
        -moz-transform: translate(100px, -100px) scale(2);
        opacity: 0.1;
      }
    }
    @-o-keyframes steam_animation {
      0% {
        -moz-transform: translate(0px, 0px) scale(1);
      }
      20% {
        -moz-transform: translate(0px, -40px) scale(1);
      }
      100% {
        -moz-transform: translate(100px, -100px) scale(2);
        opacity: 0.1;
      }
    }
    @-ms-keyframes steam_animation {
      0% {
        -moz-transform: translate(0px, 0px) scale(1);
      }
      20% {
        -moz-transform: translate(0px, -40px) scale(1);
      }
      100% {
        -moz-transform: translate(100px, -100px) scale(2);
        opacity: 0.1;
      }
    }
    @-webkit-keyframes steam_animation {
      0% {
        -moz-transform: translate(0px, 0px) scale(1);
      }
      20% {
        -moz-transform: translate(0px, -40px) scale(1);
      }
      100% {
        -moz-transform: translate(100px, -100px) scale(2);
        opacity: 0.1;
      }
    }
    .isle {
      width: 400px;
      height: 50px;
      background-color: rgb(255, 248, 200);
      border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      position: absolute;
      top: 482px;
      left: -80px;
      z-index: -3;
    }
    .trunk1 {
      border-top: 20px solid rgb(139, 69, 19);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      width: 20px;
      position: absolute;
      top: 480px;
      left: 50px;
      z-index: -1;
    }
    .trunk2 {
      border-top: 20px solid rgb(139, 69, 19);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      width: 20px;
      position: absolute;
      top: 465px;
      left: 52px;
      z-index: -1;
      transform: rotate(2deg);
      -moz-transform: rotate(2deg);
      -ms-transform: rotate(2deg);
      -o-transform: rotate(2deg);
      -webkit-transform: rotate(2deg);
    }
    .trunk3 {
      border-top: 20px solid rgb(139, 69, 19);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      width: 20px;
      position: absolute;
      top: 450px;
      left: 54px;
      z-index: -1;
      transform: rotate(4deg);
      -moz-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
      -o-transform: rotate(4deg);
      -webkit-transform: rotate(4deg);
    }
    .trunk4 {
      border-top: 20px solid rgb(139, 69, 19);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      width: 20px;
      position: absolute;
      top: 435px;
      left: 56px;
      z-index: -1;
      transform: rotate(6deg);
      -moz-transform: rotate(6deg);
      -ms-transform: rotate(6deg);
      -o-transform: rotate(6deg);
      -webkit-transform: rotate(6deg);
    }
    .trunk5 {
      border-top: 20px solid rgb(139, 69, 19);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      width: 20px;
      position: absolute;
      top: 420px;
      left: 58px;
      z-index: -1;
      transform: rotate(8deg);
      -moz-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
      -o-transform: rotate(8deg);
      -webkit-transform: rotate(8deg);
    }
    .trunk6 {
      border-top: 20px solid rgb(139, 69, 19);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      width: 20px;
      position: absolute;
      top: 405px;
      left: 60px;
      z-index: -1;
      transform: rotate(10deg);
      -moz-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      -o-transform: rotate(10deg);
      -webkit-transform: rotate(10deg);
    }
    .trunk7 {
      border-top: 20px solid rgb(139, 69, 19);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      width: 20px;
      position: absolute;
      top: 390px;
      left: 62px;
      z-index: -1;
      transform: rotate(12deg);
      -moz-transform: rotate(12deg);
      -ms-transform: rotate(12deg);
      -o-transform: rotate(12deg);
      -webkit-transform: rotate(12deg);
    }
    .trunk8 {
      border-top: 20px solid rgb(139, 69, 19);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      width: 20px;
      position: absolute;
      top: 375px;
      left: 64px;
      z-index: -1;
      transform: rotate(14deg);
      -moz-transform: rotate(14deg);
      -ms-transform: rotate(14deg);
      -o-transform: rotate(14deg);
      -webkit-transform: rotate(14deg);
    }
    .trunk9 {
      border-top: 20px solid rgb(139, 69, 19);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      width: 20px;
      position: absolute;
      top: 360px;
      left: 66px;
      z-index: -1;
      transform: rotate(16deg);
      -moz-transform: rotate(16deg);
      -ms-transform: rotate(16deg);
      -o-transform: rotate(16deg);
      -webkit-transform: rotate(16deg);
    }
    .trunk10 {
      border-top: 20px solid rgb(139, 69, 19);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      width: 20px;
      position: absolute;
      top: 345px;
      left: 68px;
      z-index: -1;
      transform: rotate(18deg);
      -moz-transform: rotate(18deg);
      -ms-transform: rotate(18deg);
      -o-transform: rotate(18deg);
      -webkit-transform: rotate(18deg);
    }
    .shadow {
      height: 60px;
      width: 20px;
      background: black;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      transform: rotate(260deg);
      -moz-transform: rotate(260deg);
      -o-transform: rotate(260deg);
      -ms-transform: rotate(260deg);
      -webkit-transform: rotate(260deg);
      opacity: 0.3;
      position: absolute;
      top: 468px;
      left: 50px;
      z-index: -2;
    }
    .leave {
      width: 95px;
      height: 25px;
      background: green;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      position: absolute;
      top: 345px;
      left: 80px;
      z-index: -1;
      transform: rotate(12deg);
      -moz-transform: rotate(12deg);
      -o-transform: rotate(12deg);
      -ms-transform: rotate(12deg);
      -webkit-transform: rotate(12deg);
    }
    .leave2 {
      width: 80px;
      height: 25px;
      background: green;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      position: absolute;
      top: 320px;
      left: 15px;
      z-index: -1;
      transform: rotate(23deg);
      -moz-transform: rotate(23deg);
      -o-transform: rotate(23deg);
      -ms-transform: rotate(23deg);
      -webkit-transform: rotate(23deg);
    }
    .leave3 {
      width: 35px;
      height: 20px;
      background: green;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      position: absolute;
      top: 327px;
      left: 82px;
      z-index: -1;
      transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -webkit-transform: rotate(5deg);
    }
    .leave4 {
      width: 30px;
      height: 65px;
      background: green;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      position: absolute;
      top: 340px;
      left: 88px;
      z-index: -1;
      transform: rotate(-10deg);
      -moz-transform: rotate(-10deg);
      -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      -webkit-transform: rotate(-10deg);
    }
    .leave5 {
      width: 30px;
      height: 70px;
      background: green;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      position: absolute;
      top: 335px;
      left: 50px;
      z-index: -1;
      transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
    }
  </style>
</head>

<body>
  <div class="sun"></div>
  <div class="ship">
    <div class="shipbody"></div>
    <div class="port"></div>
    <div class="portshine1"></div>
    <div class="portshine2"></div>
    <div class="port2"></div>
    <div class="shipbox"></div>
    <div class="window"></div>
    <div class="windowshine"></div>
    <div class="chimney"></div>
    <div class="steam"></div>
  </div>
  <div class="isle"></div>
  <div class="trunk1"></div>
  <div class="trunk2"></div>
  <div class="trunk3"></div>
  <div class="trunk4"></div>
  <div class="trunk5"></div>
  <div class="trunk6"></div>
  <div class="trunk7"></div>
  <div class="trunk8"></div>
  <div class="trunk9"></div>
  <div class="trunk10"></div>
  <div class="shadow"></div>
  <div class="leave"></div>
  <div class="leave2"></div>
  <div class="leave3"></div>
  <div class="leave4"></div>
  <div class="leave5"></div>
</body>
</html>