body {
    background: #0c4036;
}

#image {
    max-width: 100%;
    border: 5px solid green;
    margin-top: 2em;    
    border-radius: 20px;
    animation: 5s ease-out 0s 1 slideInFromLeft;
}

@keyframes slideInFromLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }

h1, h2, p {
  font-family: 'Abyssinica SIL', serif;  
}

#pageWrapper {
    width: 40em;
    max-width: 80%;
    margin: 2em auto;
    border: 5px solid green;
    padding: 2em;
    background: white;
    border-radius: 20px;
    overflow: hidden;
}