@import url("https://fonts.googleapis.com/css?family=Indie+Flower");
#def,
#statistics,
#security,
#notifications,
#users {
  display: none;
}

* {
  box-sizing: border-box;
}

.i {
  background: white;
  height: 100px;
  position: absolute;
  top: 50%;
  height: 250px;
  width: 100%;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
  z-index: 2;
  border-radius: 10px;
  transform: translateY(-50%);
  color: #a98578;
}

body {
  color: White;
  font-family: "Indie Flower", cursive;
  font-weight: 900;
  margin: 0;
  padding: 0;
}

#main {
  position: absolute;
  right: -30px;
  z-index: 10;
  top: 50%;
  margin: auto;
  transform: translateY(-50%);
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #a75b38;
  background-image: url("https://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/geometry.png");
  z-index: 2;
  pointer-events: none;
  background-size: 230px;
  background-blend-mode: multiply;
}

.l {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.c {
  width: 450px;
  height: 100vh;
  margin: 0 auto;
  position: relative;
}

.buy {
  position: absolute;
  right: -20px;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  padding: 10px 30px;
  bottom: -24px;
  opacity: 0;
  z-index: 11;
  background: #b8e057;
  color: #7a923f;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.18);
}

.bar {
  display: none;
  margin-top: 12px;
  position: absolute;
  bottom: 60px;
  width: 200px;
  height: 250px;
  z-index: 2;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.bar_item {
  display: block;
  text-align: left;
  margin-right: -3px;
  cursor: pointer;
  font-weight: 200;
  padding: 8px 28px;
  font-size: 15px;
  transition: all 0.3s;
}
.bar_item span {
  display: block;
  font-size: 10px;
  opacity: 0.7;
  margin-top: 4px;
}
.bar_item:nth-of-type(1):hover {
  color: #d44473;
}
.bar_item:nth-of-type(2):hover {
  color: #fbd05f;
}
.bar_item:nth-of-type(3):hover {
  color: #5bb3ca;
}
.bar_item:nth-of-type(4):hover {
  color: #e6a13b;
}