.mynavbar{
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.17);
}
.mycard{
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.075);
}
.myheader{
	font-family: ubuntu;
}
#pass1 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
#pass1 ::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
#pass1 :-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
#pass1 :-moz-placeholder { /* Firefox 18- */
  color: pink;
}
#pass2 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
#pass2 ::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
#pass2 :-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
#pass2 :-moz-placeholder { /* Firefox 18- */
  color: pink;
}
.my-title{
  margin-top: 3px;
  color: #00652e;
  font-size: 20px;
  border-left: 2px solid green;
  padding-left: 7px;
  line-height: 25px;
}

.comment_container{
  display: flex;
  margin-bottom: 10px;
}

.comment_creator{
  place-content: flex-end;
}

.comment_creator .close{
  margin-top: -9px;
}

.comment_container .icon{
  color: #696969;
  font-size: 30px;
  margin-right: 5px;
}

.comment_container .comment_right .nama {
  color: #14171a;
  font-weight: bold;
}
.comment_container .comment_right{
  background-color: #f3f3f3;   
  border-radius: 22px 22px 22px 0px;   
  padding: 5px 13px;
}

.comment_container .right_wrap .comment_right .comment_isi{

}

.comment_container .right_wrap{
  display:flex;
  flex-direction: column;
  max-width: 80%;
}

.comment_creator .right_wrap .comment_right{
  border-radius: 22px 22px 0px 22px;
  background-color: #e2f3ff;
}

.comment_container .right_wrap .datetime{
  padding: 0px 13px;
  text-align: right;
}

.myEye{
    position: absolute;
    right: 23px;
    margin: 7px;
    color: #4b4b4b;
  }