body {
    font-family: 'Helvetica', sans-serif;
    background-image: url(images/Background.jpg);
  }

  .navbar {
    font-family: 'Lucida Handwriting', cursive;
    background-color: rgb(108, 6, 163);
    color: white;
    margin: auto;
    width: 85%;
    padding:5px;
    padding-left: 25px;
    border: 5px solid rgb(62, 0, 64);
    display: flex;
  }
  .navbar h1 {
    margin-right: auto;
  }

.navbar ul{
    padding: 20px;
    
    margin-left: auto;
    display: block;
}
.navbar a {
    color: white;
    text-decoration: none !important;
    margin: 5px;
}
.navbar a:visited { 
    color: white;
text-decoration: none !important; }

li {
  padding-top: 1rem;
}

.centre{
    background-color: white;
    border: 15px solid rgb(108, 6, 163);
    padding: 30px;
    margin: auto;
    width: 80%;
    margin-top: 50px;
  }

  .scrollbox {
    overflow:auto;
    background-color: white;
    border: 5px solid rgb(134, 53, 178);
    padding: 10px;
    margin: 10px;
    margin-right: 10px;
    height: 150px;
  }
  .homepage .shitpost {
    float:right;
    border: 10px solid  rgb(134, 53, 178);
    max-width: 400px;
    max-height: 600px;
    margin-left: 10px;
  }
.sitemap .right{
    display: inline-block;
    margin-left: auto;
}

.sitemap img{
    display: inline-block;
    margin-right: auto;
}

.construction .right{
    display: inline-block;
    margin-left: auto;
}

.construction img{
    display: inline-block;
    margin-right: auto;
}

.AboutMe .centre {
    display:grid;
    grid-template-areas:
    "t1 img1"
    "img2 img3"
    "img4 t2"
    "img5 img6";
    gap: 5px;
    background-color: white;
    border: 15px solid rgb(108, 6, 163);
    padding: 30px;
    margin: auto;
    width:80%;
    margin-top: 50px;

}
.AboutMe .centre .t1{
  grid-area: t1;
}

.AboutMe .centre .t2{
  grid-area: t2;
}

.AboutMe .centre .Lithgow {
  grid-area: img6;
}

.AboutMe .centre .Benee {
  grid-area: img3;
}

.AboutMe .centre .Cross {
  grid-area: img4;
}

.AboutMe .centre .OneWheel {
  grid-area: img5;
}

.AboutMe .centre .Theatre {
  grid-area: img2;
}

.AboutMe .centre .headshot {
  grid-area: img1;
}

.AboutMe .centre figure {
  float:right;
  border: 3px grey solid;
  padding: 5px;
  margin: 20px;
  text-align: centre;
}

.AboutMe .centre figure img {
  display:block;
  margin: auto;
  margin-bottom: 10px;
  max-width: 100%;
}

.AboutMe .centre figcaption {
  text-align: center;
   caption-side: bottom;
   padding: 0 5px 5px;

}


.blogEntry{
  display: -ms-flexbox;
}
.blogEntry p{
  flex-direction: column;
}
figure {
  flex-wrap: wrap;
  -ms-flex-align: end;
  border: 3px grey solid;
  padding: 5px;
  margin: 20px;
  text-align: center;
}

figure img {
  display:block;
  margin: auto;
}

.blogEntry .centre figure {
  float:right;
  border: 3px grey solid;
  padding: 5px;
  margin: 20px;
  text-align: centre;
}

.blogEntry .centre .left {
  float:left;
  border: 3px grey solid;
  padding: 5px;
  margin: 20px;
  text-align: centre;
}

.blogEntry .centre .centre {
  float:none;
  border: 3px grey solid;
  padding: 5px;
  margin: auto;
  text-align: centre;
}


.blogEntry .centre figure img {
  display:block;
  margin: auto;
  margin-bottom: 10px;
  max-width: 100%;
}

.blogEntry .centre figcaption {
  text-align: center;
   caption-side: bottom;
   padding: 0 5px 5px;

}