body{background:#4a4e4f; font-family: 'Lucida Sans', 'Lucida Sans Regular';}
.header{
text-align: center;
color: snow;
}
#ct{height:150px; width:370px;border:1px solid #f1c40f;margin: 50px auto;text-align:center;position:relative;color:#fff;padding:15px;}
span{
  background:#4a4e4f;
  color:#f1c40f;
  padding:0 5px;
  font-size:20px;
  position:relative; 
  top:-28px;
}
.corner{height:30px;
  width:30px;
  border-radius:50%;
  border:1px solid #fff;
  transform:rotate(-45deg);  
  position:absolute;
  background:#4a4e4f;
}

#left_top{
  top:-16px;
  left:-16px;
  border-color:transparent transparent #f1c40f transparent;
}
#right_top{
  top:-16px;
  right:-16px;
  border-color:transparent transparent transparent #f1c40f;
}
#left_bottom{
  bottom:-16px;
  left:-16px;
  border-color:transparent #f1c40f transparent transparent ;
}
#right_bottom{
  bottom:-16px;
  right:-16px;
  border-color:#f1c40f transparent transparent transparent;
}
#citation{padding-top:25px;font-size:17px; position: absolute; margin-top: -110px;margin-left: -50px;}
.avatar{
    display: flex;
    justify-content: center;
       
}
.avatar img{
    box-shadow: 10px 5px 5px black;
}
.btn{
    margin-top: -20px;
    display: flex;
    justify-content: center;
}
.button{
    font-size: 30px;
    color: goldenrod;
    background-color: #4a4e4f;
    border-radius: 50px;
    border-style: 10px groove;
    
}