*{
  margin: 0 auto;
  
}
.sky{
  height:30em;
  weight:100%;
  background-color: rgb(235,240,255);
}
.sea{
  position: relative;
  height:500em;
  background: rgb(3,39,78);
background: linear-gradient(0deg, rgba(3,39,78,1) 0%, rgba(49,153,180,1) 76%, rgba(48,166,192,1) 85%, rgba(45,228,253,1) 100%);
}

.wall-left{
  position:absolute;
  left:0%;
  clip-path: polygon(
    0 5%,
    15% 7%,
    30% 15%,
    50% 20%,
    30% 23%,
    20% 26%,
    45% 35%,
    43% 38%,
    59% 40%,
    63% 45%,
    68% 46%,
    70% 47%,
    75% 50%,
    55% 55%,
    85% 60%,
    87% 67%,
    90% 75%,
    55% 93%,
    10% 98%,
    8% 99%,
    0 100%
  );
  width: 500px;
  height: 4600px;
  overflow:hidden;
}

.wall-right{
  transform:scaleX(-1);
  position:absolute;
  right:0%;
  clip-path: polygon(
    0% 5%,
    5% 6%,
    20% 8%,
    30% 10%,
    45% 15%,
    70% 21%,
    30% 23%,
    20% 26%,
    35% 38%,
    50% 39%,
    80% 40%,
    70% 43%,
    65% 45%,
    68% 46%,
    70% 47%,
    75% 50%,
    76% 55%,
    95% 60%,
    96% 66%,
    96% 67%,
    90% 75%,
    70% 93%,
    55% 94%,
    39% 100%,
    30% 99%,
    28% 96%,
    24% 95%,
    20% 97%,
    8% 99%,
    0 100%
  );
  width: 500px;
  height: 4600px;
  overflow:hidden;
}
.hhh2{
  background-color:black;
  height:100%;
  width:100%;
}

.floor{
  position:relative;
  top:100%;
  height:100px;
  background-color:black;
  color:white;
 
}
#tail{
   text-align:center;
   padding:20px;
   top: 50%;
  
}