
  body {
    background: rgb(245, 250, 255);
    color: rgb(10, 15, 20);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    max-width: 40em;
    margin-left: auto;
    margin-right: auto;

    margin-top: 3em;
    margin-bottom: 6em;
  }

  @keyframes tossing {
    0% {
      transform: rotate(-4deg); 
    }
    50% {
      transform: rotate(4deg);
    }
    100% {
      transform: rotate(-4deg); 
    }
  }

  #ship {
    animation-name: tossing;
    animation-duration: 2.5s; 
    animation-iteration-count: infinite;
  }


  body {
    background: rgb(245, 250, 255);
    color: rgb(10, 15, 20);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    max-width: 40em;
    margin-left: auto;
    margin-right: auto;

    margin-top: 3em;
    margin-bottom: 6em;
  }

  figure {
    margin-top: 2.4em;
    margin-bottom: 2.4em;
  }

  @keyframes tossing {
    0% {
      transform: rotate(-4deg); 
    }
    50% {
      transform: rotate(4deg);
    }
    100% {
      transform: rotate(-4deg); 
    }
  }

  #ship {
    margin-top: 2.4em;
    animation-name: tossing;
    animation-duration: 2.5s; 
    animation-iteration-count: infinite;
  }

Add more space between elements
Add more space between elements