wip

/* archived shitty spacehey theme. Yay. */


  /* lil image */
  main::before {
    width: 99%;
    height: 150px;
    display: block;
    background-image: url("http://37.media.tumblr.com/03b0369f0a2b0e919321e90b227a6478/tumblr_mrwua5zbOh1qa09fco1_500.gif");
    background-position: center;
    background-size: cover;
    content: "";
    border: 1.3px solid #111224;
    box-shadow: 0px 0px 10px #9ba7ba;
    align-content: center;
    transition: 0.3s filter ease;
    filter: brightness(1);
  }

/* PROFILE */
  body {
   background: none;
   font-family: "times new roman";
   font-size: 15px;
}

  a {
    color: #3e6fbd;
    letter-spacing: none;
    transition: all 0.3s ease;
    text-shadow: 0px 0px 2px #3e6fbd;
  }

  a:hover {
    text-decoration: none;
    letter-spacing: 1px;
    color: #7ba5e8;
    text-shadow: 0px 0px 2px #7ba5e8;
  }

  .profile, main {
    background: none;
}

  .profile h1 {
    font-size: 30px;
    color: white;
    letter-spacing: 0px;
    text-shadow: -1px 0 #3e6fbd, 0 1px #3e6fbd, 1px 0 #3e6fbd, 0 -1px #3e6fbd;
    line-height: 1px;
    padding-top: 10px;
    transition: 0.3s letter-spacing ease;
  }

  .profile h1:hover {
    letter-spacing: 1.3px;
  }

    .profile-pic:hover {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
  }

  .profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    border: none;
    font-family: helvetica;
    font-weight: normal;
    text-transform: lowercase;
}

  .profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: none;
    color: #2a2c52;
}

  @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); }
}

  /* ONLINE */
  .online {
    color: #4f6ea1;
    font-family: helvetica;
    margin-top: -5px;
  }

  .online > img {
    filter: hue-rotate(105deg) brightness(0.9);
  }

  /* MOOD */
  .mood > p {
    margin-top: 10px;
    line-height: 5px;
    font-family: helvetica;
  }

  .profile .mood {
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .profile-info {
    border: none;
    padding: 1px;
  }

  /* TABLE */
.profile .table-section .details-table td{
    background: none;
  }

  .profile .table-section .details-table td:first-child {
    font-family: helvetica;
    text-transform: lowercase;
    color: #2a2c52;
  }

/* FRIENDS */
.profile .friends .person img:not(.icon) {
  transform: scale(1);
  -webkit-mask-image: url(https://external-media.spacehey.net/media/stHBSDNmU3h92Mh5Qd40WNXNwO7T4xGTwS5xy2tfU8kg=/https://i.ibb.co/hR6MYPw/star-rounded-png.png);
  -webkit-mask-size: 90%;
  -webkit-mask-repeat: no-repeat;
  transition: all 0.3s ease;
}

.profile .friends .person img:not(.icon):hover {
  transform: scale(1.2);
}

  /* COLUMNS */
  main .left,  .right > .blurbs, .friends, .blog-preview {
    background: white;
    padding: 3px;
    margin-top: 10px;
  }

  .friends > #comments {
    margin-top: 5px;
  }

  main .left, main .right {
    padding: 10px;
  }

/* COMMENTS */
.comments-table td img {
 margin-left: 0px;
 transition: all 0.3s ease;
 -webkit-mask-image: url(https://external-media.spacehey.net/media/stHBSDNmU3h92Mh5Qd40WNXNwO7T4xGTwS5xy2tfU8kg=/https://i.ibb.co/hR6MYPw/star-rounded-png.png);
-webkit-mask-size: 90%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;

}

.comments-table:hover td img:hover {
  margin-left: 10px;
}

.comments-table td button {
  border: none;
  background: none;
  font-weight: bold;
  text-decoration: none;
}

.comments-table td {
 background: none;
}

.comments-table td:first-child{
 background: none;
}

  /* FOOTER */
  footer {
    background: none;
    margin-top: 10px;
    font-family: helvetica;
  }