body {
    background-color: #00FFFF;
    font-family: Sans-Serif;
  }
.blogpost1 {
  background-color: #fadadd;
  border: #0000FF solid 3px;
  padding: 10px;
  margin-left: 100px;
  margin-right: 30px;
  border-radius: 25px
}

.sidebar {
  border: #000000 3px solid;
  background-color: #0000FF;
  Position:fixed;
  width: 5vw;
  border-radius: 25px
  
}

.topimage {
  max-width: 300px;
  max-height: 450px;
  border-radius: 50%;
  border:#0000FF 3px solid;
  margin-left: auto;
  margin-right: auto;
  display:block;
}

th {
  border: 3px solid #000000;
  background-color: #fadadd;
  font-size: 16px;
  padding: 5px;
  border-radius: 25px
}

.topbar {
  border-color: #000000;
  border: 3px solid;
  background-color: #FF69B4;
  position: fixed;top: 0px;
  margin-left: 5%;
  margin-right: 5%;
  width: 90%
}

p {
  font-size: 20px;
}

h3 {
  font-size: 24px;
}

h2 {
  font-size: 28px;
}

h1 {
  font-size: 32px;
  margin-top: 15vh;
  background-color: #fadadd;
  border: #0000FF solid 3px;
  padding-left: 1%;
  padding-right: 1%;
  margin-right: 25%;
  margin-left: 25%;
  text-align: center;
  border-radius: 25px
}

#top {
  text-align: center;
}