body {
font-family: "Comic Sans MS", Comic Sans, cursive;
span#hUp::before {
 content: "Old!!! ";
font-size: 13px;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: blinkingTextYellow;
}
background-color: lightblue;
background-image: url("https://i.imgur.com/5TKPZrN.png"); background-size: cover; color: white;
}

.topLeft, .topRight {
  border-radius: 5px;
  padding-inline: 13px;
  box-shadow: 0 0 48px #000;
  border-top: 10px solid transparent;
  border-image-source: url("https://i.imgur.com/pvZqA6c.png");
  border-image-width: auto;
  border-image-slice: 100 100 0;
  margin-bottom: 8px;
}


.topLeft {
 max-width: 30%;
}
.extended h3 span:before, .extended h3 #editLink {
  font-size: 18px !important;
}

#container {
  margin-top: 32px;
  margin-bottom: 0px;
  min-width: 85%;
}

a {
    color: lightblue; /* Adjust to a color that contrasts with black */
}


color: white;

span#hUp::before {
 content: "You've Got Mail!";
font-size: 13px;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: blinkingTextYellow;
}

.player {
  display :none;
}


.uName {
  text-shadow: 0 2px 5px black;
  font-family: Comic Sans MS;
}

#avatar { border: outset #1E90FF; outline: solid 1px #6495ED; }

.fwiendFace img { border: outset #1E90FF; outline: solid 1px #6495ED; }

.tableLeft img { border: outset #1E90FF; outline: solid 1px #6495ED; }

.boxInfo.box {
background-color: white;

}

.url.box {
background-color: #ffffff7d;

}

.rightHead { background: #84d88a96; color: white;

}