body {
  margin:0;
 /*background-color: #FFA400;*/
  width: 100%;
  height: 2000px;
}

.background {
  background-image: url("/assets/images/dfsb07a-f527e80a-7425-4e1d-a5d6-a239d58945b6.gif");
  background-color: pink;
  background-size: 200px 200px;
  background-repeat: repeat;
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
}

.container {
  position: absolute;
  background-color:rgba(0,0,0,0.6);
  border-style: solid;
  border-width: 1px;
  border-color: rgb(254, 142, 224);
  border-radius: 50px;
  margin: auto;
  padding: 5px 20px 15px 20px;
  box-shadow: 0px 0px 60px rgb(254, 142, 224);
  width: fit-content;
  height: fit-content;
  top: 70px;
  left: 0;
  right: 0;
  cursor: url(../assets/rickroll.cur), pointer; 
}

.header2022 {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  align-content: center;
  text-align: center;
  margin: 20px 32px;
  padding: 5px;
  border: cyan 1px solid;
  border-radius: 10px;
}

.HeaderText-PersonalLinks {
  color: yellow;
}

.linksgroup {
  display: grid;
  grid-template-columns: auto;
  align-items: center;
  align-content: center;
  text-align: center;
  margin: 20px 32px;
  padding: 5px;
  border: cyan 1px solid;
  border-radius: 10px;
}

.PersonalLinks {
  display: grid;
  grid-template-columns: auto;
  align-items: center;
  align-content: center;
  text-align: center;
  margin: 20px 32px;
  padding: 5px;
  border: cyan 1px solid;
  border-radius: 10px;
}

.header-buttons {
  background-color: rgba(100, 100, 100, 0.4);
  text-decoration: none;
  padding: 14px 16px;
  color: white;
  border-radius: 10px;
  border: solid transparent 1px;
  margin: 1px;
  cursor: url(/assets/images/pointer.gif), pointer;
}

.header-buttons:hover {
  background-color: gray;
  border: solid;
  border-width: 1px;
  border-color: rgb(254, 142, 224);
  box-shadow: 0px 0px 60px rgb(254, 142, 224);
}

.time4567 {
  background-color: black;
  color: lime;
}

.date5344 {
  background-color: black;
  color: lime;
}

.status {
  color: cyan;
  text-shadow: 0px 0px 20px cyan;
}

.about {
  color: rgb(254, 142, 224);
  text-shadow: 0 0 20px rgb(254, 142, 224);
}

table {
  width: 100%;
}

td {
  border: solid cyan 1px;
  padding: 5px;
}

iframe {
  width: 100%;
  height: 600px;
  margin: 0px 0px 10px 0px;
  border: none;
}

.avatar {
  height: 128px;
  width: 128px;
  border-radius: 50px;
}

.avatar:hover {
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}