/*This box-sizing line makes the width of elements include up to the border*/
  * {
    box-sizing: border-box;
  }

  body {
    background-color: #43625C;
    font-family: 'Oxygen', sans-serif;
  }
/*This is a container around the whole page*/
  .container {
    margin: auto;
    max-width: 70vw;
    background-color: #ffffff;
    background-image: url('images/main.png');
    background-repeat: no-repeat;
    background-position: bottom;
  }

  header {
    padding: 4rem;
    background: #216A7C;
    background-image: url('images/diary.jpg');
    border: solid;
    border-width: 1em;
    color: #0B3E6C;

  }

  main {
    margin: 3rem;
  }

  article {

    border: solid;
    border-radius: 3rem;
    margin: 1em;
  }

  .intro {
    background-color: #136D5D;
    padding: 3rem;
    background-image: url('images/introimage2.png');
    background-repeat: no-repeat;
    background-position: left bottom;
  }

  #diaryentry1 {
    padding: 2rem;
    background-color: #A6E8DC;
    background-image: url('images/diary1.png');
    background-repeat: no-repeat;
    background-position: right bottom;
  }

  #diaryentry2 {
    background-color: #328F7E;
    padding: 2rem;
    background-image: url('images/diary2.png');
    background-repeat: no-repeat;
    background-position: center bottom;
  }

  #diaryentry3 {
    padding: 2rem;
    background-color: #43625C;
    background-image: url('images/diary3.png');
    background-repeat: no-repeat;
        background-position: center bottom;
  }

img {
    position: relative;
    top:-100px;
    left:-80px;

  }

  footer {
    padding: 3rem;
  }

  h1 {
    font-size: 4rem;
    letter-spacing: 1rem;
  }

  h3 {
    text-align: center;
  }