ao3 twt

#workskin .twt {
  float: center;
  max-width: 450px;
  min-width: 300px;
  margin: 0em auto;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}

#workskin .twt-header {
  overflow: hidden;
  margin-bottom: -3em;
}

#workskin .twt-icon-container {
  float: left;
}

#workskin .twt-icon {
  border-radius: 50%;
  width: 3.5em;
}

#workskin .twt-iconquote {
  border-radius: 50%;
  width: 2em;
}

#workskin .twt-id {
  font-size: 1em;
  padding-left: 1em;
  overflow: hidden;
}

#workskin .twt-name {
  font-weight: bold;
}

#workskin .twt-name:hover {
  text-decoration: underline;
  cursor: pointer;
}

#workskin .twt-handle {
  color: #657786;
}

#workskin .twt-handle:hover {
  cursor: pointer;
}

#workskin .twt-content {
  font-size: 1.3em;
  margin-bottom: -1em;
}

#workskin .twt-contentquote {
  margin-top: -1em;
  font-size: 1em;
}

#workskin .twt-timestamp {
  color: #657786;
  font-size: 1em;
}

#workskin hr.twt-sep,
#workskin hr.twt-sep-reply {
  border: none;
  height: 1px;
  width: 100%;
  background-color: #e6e6e6;
}

#workskin hr.twt-sep-reply {
  margin-left: -20px;
  padding-right: 40px;
}

#workskin .twt-stat1 {
  color: #657786;
  font-size: 0.9em;
}

#workskin .twt-quotebox {
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  margin-bottom: -1em;
}

#workskin .twt-image {
  float: center;
  max-width: 100%;
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  margin-bottom: -1em;
}

#workskin .twt-replybox {
  margin-top: -2em;
}

#workskin .twt-icon-replycontainer {
  float: left;
}

#workskin .twt-replycontainer {
  padding-left: 1em;
  overflow: hidden;
}

#workskin .twt-replycontent {
  margin-top: -1em;
}

#workskin .twt-stat2 {
  color: #657786;
  font-size: 0.9em;
  margin-top: -1em;
}

#workskin .twt-social {
  float: left;
  margin-right: 2em;
  margin-bottom: -1em;
}

#workskin .twt-socialimg {
  height: 13px;
  margin-right: 3px;
}

#workskin .twt-hl {
  color: #1DA1F2;
}

#workskin .twt-hl:hover {
  text-decoration: underline;
  cursor: pointer;
}

#workskin .twt-profile {
  float: center;
  max-width: 600px;
  min-width: 350px;
  margin: 0em auto;
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  position: relative;
}

#workskin .twt-profile-header {
  width: 100%;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  margin-top: -1.3em;
  height: 13em;
  z-index: -1;
}

#workskin .twt-profile-id {
  margin-top: -7.5em;
  position: relative;
  padding-left: 1.3em;
  padding-right: 1.3em;
  z-index: 1;
  overflow: hidden;
}

#workskin .twt-iconprofile {
  border-radius: 50%;
  width: 9em;
  border: 3px solid white;
  float: left;
}

#workskin .twt-profile-social {
  float: right;
  width: 9em;
  margin-top: 2.3em;
}

#workskin .twt-profile-share {
  height: 15px;
  padding: 0.8em;
  border: 1px solid #cbcbcb;
  border-radius: 50%;
  margin-right: 0.6em;
  float: left;
  margin-top: 1.6em;
}

#workskin .twt-profile-share:hover {
  background-color: #e7e7e8;
  cursor: pointer;
}

#workskin .twt-profile-follow {
  border: 1px solid white;
  background-color: black;
  border-radius: 1.5em;
  color: white;
  font-weight: bold;
  padding: 0.6em 1em;
  float: right;
}

#workskin .twt-profile-follow:hover {
  background-color: #282c30;
  cursor: pointer;
}

#workskin .twt-profile-container {
  padding-left: 1.3em;
  padding-right: 1.3em;
}

#workskin .twt-profile-name {
  font-size: 1.3em;
  font-weight: bold;
  margin-top: -1em;
  margin-bottom: -1.5em;
}

#workskin .twt-profile-handle {
  color: #657786;
  margin-top: -1em;
  margin-bottom: -1em;
}

#workskin .twt-profile-info {
  overflow: hidden;
  color: #657786;
}

#workskin .twt-profile-description {
  margin-bottom: -1em;
}

#workskin .twt-profile-socialcontainer {
  float: left;
  margin-right: 1em;
  margin-top: -1em;
  margin-bottom: -1em;
}

#workskin .twt-profile-socialimg {
  height: 13px;
  margin-right: 4px;
}

#workskin .twt-following {
  color: #657786;
  margin-top: -1em;
}

#workskin .twt-following-no {
  font-weight: bold;
}