* {
  color: #b4b2ec;
}

html, body {
  overflow: hidden;
}

body {
  display: flex;
  background: url("../img/bg.png") no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
}

#left-part {
  margin: 5% 0 5% 5%;
  height: 52%;
  width: 20%;
  border: 1px solid rgb(180, 178, 236);
}

#right-part {
  margin: 5% 5% 5% 5%;
  width: 60%;
  border: 1px solid rgb(180, 178, 236);
}

#header {
  margin: 0.5em;
}

#nav {
  margin: 0.5em;
}

#nav a {
  text-decoration: none;
  color: #b8bfe7;
}

#nav a:hover {
  background-color: #6f5986;
  cursor: pointer;
}


#body {
  margin: 0.5em;
  height: 70%;
}

#footer {
  margin: 0.5em;
}

.posts {
  margin: 0.5em;
  padding-bottom: 0.5em;
  overflow: auto;
}

.posts img {
  width: 15%;
  float: left;
  margin-right: 0.5em;
}

#info {
  color: #b8bfe7;
}

.user {
  color: #9185d7;
}