* {
  font-family: 'Poppins', sans-serif;
}


body {
  background: #e4e6ff;
}
a {
  
  text-decoration: none !important;
}

ul {
  list-style-type: none;
}

li {
  color: #404065;
}

.sideMain {
  display: flex;
}

.backdrop {
  position: absolute;
  background: #f4f5ff;
  margin-top: 6px;
  margin-bottom: 15px;
  margin-left: 258px;
  padding: 7.5px;
  width: calc(100vw - 296px/*281px*/);
}

.sideBar {
  background: #f4f5ff;
  /*margin: 15px;*/
  border: 15px solid #e4e6ff;
  position: fixed;
  top: 0;
  left: 0;
  width: 236px;
  padding-bottom: 7.5px;
}

.navBar {
  margin: 15px;
  width: 200px;
  border: solid #6c6ca5;
  display: flex;
  flex-direction: column;
}

.navBar a {
  /*display: block;*/
  font-size: 20px;
  color: #6c6ca5;
  padding: 8px 16px;
  text-decoration: none;
} 

/* Change the link color on hover */
.navBar a:hover {
  background-color: #6c6ca5;
  color: #f4f5ff;
}

.aboutMe {
  width: 219px;
  margin: 8px;
}

.aboutText {
  background-color: #f4f5ff;
  margin: 15px;
  padding: 10px;
}

.header {
  text-align: center;
  color: #6c6ca5;
}

.contentHeader {
  display: flex;
  background-color: #7d7dbe;
  height: 25px;
  border-top: 3px solid #aaaaff;
  border-left: 3px solid #aaaaff;
  border-right: 3px solid #6c6ca5;
  border-bottom: 3px solid #6c6ca5;
}

.contHeadText {
  padding-left: 15px;
  font-size: 20px;
  color: #f4f5ff;
  /*padding-top: 3px;*/
}

.contHeadImg {
  margin-left: auto;
}

.MinClose {
  float: right;
  height: 25px;
  width: 44.8px;
}

.content {
  background-color: #b9b8b8;
  border-left: 3px white;
  border-right: 3px solid black;
  border-bottom: 3px solid black;
  margin: 7.5px;
}

.thisUser {
  /*background-color: #7d7dbe;
  width: 280px;
  display: inline-block;
  vertical-align: middle;
  line-height: 0.25;*/
  display: flex;
  background-color: #7d7dbe;
  height: 25px;
  border-top: 3px solid #aaaaff;
  border-left: 3px solid #aaaaff;
  border-right: 3px solid #6c6ca5;
  border-bottom: 3px solid #6c6ca5;
}

.thisUserText {
  /*width: 214px;
  text-align: justify;
  text-justify: distribute;
  text-align-last: justify;
  color: #f4f5ff;
  font-size: 17px;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: middle;
  line-height: 0.75;
  margin-bottom: 15px;
  padding: 3px;
  border: 3px solid #aaaaff;*/
  padding-left: 15px;
  font-size: 20px;
  
  width: 214px;
}

.thisUserImg {
  /*height: 40px;
  display: inline-block;
  vertical-align: middle;
  line-height: 0.25;
  margin: 5px;*/
  margin-left: auto;
  
}

.crescentImg {
  float: left;
  height: 25px;
}

.lowWeight {
  object-fit: cover;
  width: 280px;
  height: 350px;
}

.tips {
  background-color: #f4f5ff;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  width: 300px;
  height: 110px;
  overflow-x: hidden;
  overflow-y: auto;
}
.contentTips {
  width: 360px;
}