.Planet:before {
  content: "jeff lynne bad";
  height: 2rem;
  width: 100%;
  padding: 0.5rem;
  background-color: rgba(156, 1, 1, 1);
  font-weight: bold;
  text-align: center;
}

.Planet:after {
  content: "Macaulay Macaulay Culkin Culkin";
  width: max-content;
  padding: 0.5rem;
  background-color: #ece9d8;
  color: #000000;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  position: absolute;
  top: 1rem;
  right: 1rem;
  border-bottom: 3px solid #001ea0;
  border-left: 3px solid #166aee;
  border-right: 3px solid #166aee;
  border-top: 30px solid #0051e5;
  z-index: 10101010;
  width: 16rem;
}

#root:before {
  content: "Pog";
  position: absolute;
  padding-top: 8px;
  padding-left: 26px;
  font-family: "MS Sans Serif", Arial;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  top: 1rem;
  right: 1rem;
  width: 16rem;
  height: 30px;
  background: linear-gradient(#0058ee 3%, #3f97ff 3%, #2b90ff 3%, #0073fd 4%, #0361f6 3%, #0058ee 6%, #0051e5 27%, #0058ee 9%, #0361f6 10%, #0066ff 6%, #0073fd 4%, #0066ff 6%, #0361f6 4%, #0361f6 3%, #0050e0 3%, #0043cf 3%);
  background: linear-gradient(#0058ee 3%, #3f97ff 6%, #2b90ff 9%, #0073fd 13%, #0361f6 16%, #0058ee 22%, #0051e5 45%, #0058ee 60%, #0361f6 70%, #0066ff 76%, #0073fd 80%, #0066ff 86%, #0361f6 90%, #0361f6 93%, #0050e0 96%, #0043cf 100%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  z-index: 10101011;
}

#root:after {
  content: "";
  position: absolute;
  top: calc(1rem + 8px);
  right: calc(16rem - 6px);
  height: 16px;
  width: 16px;
  background-size: cover;
  background-image: url(https://pbs.twimg.com/profile_images/968572702788239360/KL-zulbA_400x400.jpg);
  z-index: 10101012;
}

body:after {
  content: "";
  position: absolute;
  top: calc(1rem + 5px);
  right: calc(1rem + 4px);
  height: 21px;
  width: 21px;
  background-size: cover;
  background-image: url(https://sfo2.digitaloceanspaces.com/starship/mdattachments/7559760a-cf65-428b-ba0f-af33848f4529);
  z-index: 10101012;
}