CCCPaste

CSS Help?

.profile-info-stack{
  display:grid;
  background-color: #b0b0b0;
  padding: 4px;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(4, auto);
  grid-template-areas: 
  "header header"
  "pfp aboutme"
  "pfp follow"
  "memberSince eventBadges";
}
.profile-info-hstack{ 
  display: contents;
  }
.pp-uc-member-since {
  grid-area: memberSince;
  color: #000;
  padding: 2px;
  font-family: ms gothic;
  border-top: 2px solid #595959;
  border-left: 2px solid #595959;
  border-right: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  width: 220px;
  height: 34px;
}
/* Event Badges */
.css-hjkukh{
  grid-area: eventBadges;
  height: 34px;
  border-top: 2px solid #595959;
  border-left: 2px solid #595959;
  border-right: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  }
.pp-uc-avatar {
  grid-area: pfp;
 width: 100%;
  border-radius: 0px;
  box-shadow: none;
  background-color: #b0b0b0;
  border-top: 2px solid #595959;
  border-left: 2px solid #595959;
  border-right: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
}
/* Header */
.pp-uc-title:before{
content: "About the creator: modernPsych0";
  font-family: verdana;
  font-size: 15px;
}
.profile-info-stack-inner-flex{
  grid-area: header;
  background-image: linear-gradient(170deg, #000080, #1084d0);
  padding: 5px; 
  }
.pp-uc-title{
  text-align: left;
    font-size: 0px;
  }
/* Follower Count */
.pp-uc-followers-count::before{
  content: "«» "
}
.pp-uc-followers-count::after{
  content: "«» April 5, 1999 (MDNI)\a«» Cisgender Pansexual (She/Her) \a «» Certified in Gooberology";
  white-space: pre;
  display: block;
}
.pp-uc-followers-count {
  grid-area: aboutme;
  color: #000;
  padding: 5px;
  background-color: #fff;
  font-family: ms gothic;
  text-align: left;
  border-top: 3px solid #808080;
  border-left: 3px solid #808080;
  border-right: 3px solid #dfdfdf;
  border-bottom: 3px solid #dfdfdf;
}
/* Follow Button */
.profile-uc-follow-text{
  font-family: ms gothic;
}
.profile-uc-follow-button{
    border-radius: 0px;
  }
.pp-uc-follow-button:before{
    display: none;
  }
.Btn{
  grid-area: follow;
  width: 150px;
  height: 40px;
  color: #000;
  border-top: 2px solid #dfdfdf;
  border-bottom: 2px solid #808080;
  border-left: 2px solid #dfdfdf;
  border-right: 2px solid #808080;
  BORDER-RADIUS: 0PX;
  background: #c7c7c7
}