doyou - cannon css

/*********************




MADE BY AMERICAN QUEEN




**************************/
#doyou .fundo {
  width: 540px;
  height: 540px;
  border: 1px solid #000;
  padding: 5px;
  overflow: hidden;
}
#doyou .image {
  width: 540px;
  height: 540px;
  background: url(https://pm1.narvii.com/6781/7945bd1980ea07926520a3b9e890d4b78dfc8865v2_hq.jpg) center/cover;
  transition: all .7s ease-in-out;
  }
#doyou .color {
  width: 540px;
  height: 540px;
  background-clip: border-box;

}
#doyou .name {
  margin-top: -305px;
  font: 30px 'Montserrat', sans-serif;
  color: #fff;
  transform: translate(-0%, -0%);
  isolation: isolate;
  text-transform: uppercase;
  transition: all .7s ease-in-out;
}
#doyou .info {
  margin-top: 7px;
  font: 13px Arial, sans-serif;
  color: #000;
  transform: translate(-0%, -0%);
  isolation: isolate;
  text-transform: uppercase;
  transition: all .7s ease-in-out;
}
#doyou .fundo:hover .image {
  opacity: .8;
}
#doyou .fundo:hover .info {
  opacity: .0;
}
#doyou .fundo:hover .name {
  margin-top: -659px;
}
#doyou .boxpost {
  width: 530px;
  height: 530px;
  background: #cacaca;
  position: relative;
  margin-top: 290px;
  transition: all .7s ease-in-out;
  z-index: 10px;
}
#doyou .fundo:hover .boxpost {
margin-top: 65px;
}
#doyou .gif {
  width: 525px;
  height: 120px;
  background: url(https://66.media.tumblr.com/9e1a3b6ee4fd1a2e6da06da589d1be9c/tumblr_p3vukfcIiD1vozc1eo1_540.gif) center/cover;
  position: relative;
  top:  2px;
  }
#doyou .title {
  font: 30px 'Montserrat', sans-serif;
  color: #000;
  text-transform: uppercase;
  text-align: right;
  margin-right: 2px;
  }
#doyou .post {
 width: 520px;
  height: 370px;
  font: 13px Arial, sans-serif;
  text-align: justify;
  overflow: auto;
}

body::-webkit-scrollbar {
    width: 1px;
  height: 10px;
  background: transparent;
  color: #000;
}

.post::-webkit-scrollbar-thumb {
  width: 1px;
  height: 10px;
  color: #000;
}