pink lil peep myspace theme

/* theme by .sulfuracid https://myspace.windows93.net/?id=5419 */

body {
  background-image: url(https://i.ibb.co/6mwNPxL/image.png);
  background-color: #FABDDE;

}

button, input[type=submit] {
  padding: 5px;
  background-color: #FABDDE;
  opacity: 1;
  color: #FFFEE9;
  border-radius: 3px;
  margin-top: 10px;
  border: solid #FFFEE9;
}

.topLeft.blogCard {
  overflow-x: hidden;
  max-width: 190px !important;
  left: 300px;
}


.topRight.blogPost {
  left: 520px;
  max-width: 600px !important;
  padding: 5px;
}

.blurbs, box.blurbs, .box.blog, .boxInfo.box, .box.fwiends, .box.comments, #header, #hSub, #commentInput {
  background: #FABDDE !important ;
  opacity: 1;
  padding: 0px;
  color: #FFFEE9;
  margin-bottom: 10px;
  border: 4px solid #FFFEE9;

}

.extended.box {
  background: #FABDDE;
  opacity: 1;
  color: #FFFEE9;
  border: 4px solid #FFFEE9;
  padding: 0px !important;
}


.player.box {
  background: #FABDDE !important;
  opacity: 1;
  border: 4px solid #FABDDE;
  padding: 4px;
  margin-bottom: 10px;
  color: #FFFEE9;
}

.shortRight {
 opacity:1;
 color: #FFFEE9;
 float: left;
}

.box > :not(#form) {
  padding: 5px;
}

#form > {
  padding: 5px;
}


.rightHead, .boxHead {
  background: #FFFEE9;
  color: #FFFEE9;
  padding: 7px;
  border-top: 1px solid #FFFEE9;t
}

.blurbs .rightHead {
  opacity: 0;
  height: 0px !important;
}

.rightHead b, .rightHead span, .boxHead b, .box.url b {
  color: #FFFEE9;
}

#avatar {
  border: 7px solid #FFFEE9 !important;
  background: #FFFEE9;
  max-width: 200px;

}

#hSub {
  top: 35px !important;
}

#header, #hSub {
  background: #FABDDE !important;
  color: #FABDDE !important;
  padding: 6px !important;
  border: 4px solid #FABDDE !important;
  position: absolute !important;
  max-width: 800px !important;
  margin-left: 300px !important;
}

#header-content {
   content:  "\2713 ";
}
#header span, #hSub span {
  color: #FFFEE9 !important;
}

div#hSub a:first-child {
  border-bottom: 2px solid #FFFEE9;
  padding-bottom: 7px;
}



/* Comments */

.tableLeft {
  background: none;
  width: 20% !important;
}

.tableRight {
  background: none;
}

.tableLeft img {
  max-width: 100px;
  max-height: 100px;
}

.tableLeft a div b {
  color: #FFFEE9;
  float: left;
  margin-bottom: 7px !important;
}

.topLeft {
  background: #FABDDE;
  left: 300px;
  max-width: 400px !important;
  max-height: 500px !important;
  overflow: auto;
  top: 100px;
  position: absolute;
}
.topRight {
  background: #FABDDE;
  left: 700px;
  max-width: 400px !important;
  max-height: 500px !important;
  overflow: auto;
  top: 100px;
  position: absolute;
}

/*colors, words */
.fwiendCount, li a, #credo, #gender, #age, #country, #lastLogin, .topLeft div, .date,.date, .fwiendFace b {
  color: #FFFEE9;
}

.boxHead span {
  opacity: 0;
}

#name {
  opacity: 0;
}

a, a h3, .boxInfo a div {
  color: #FFFEE9 !important;

}

h4 {
  color: #FFFEE9;
  margin: 0;
}

* {
  color: #FFFEE9;
}


/* custom scrollbars <33 */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #FABDDE;
}

::-webkit-scrollbar-thumb {
  background: #FFFEE9;
}

::-webkit-scrollbar-thumb:hover {
  background: #FFFEE9;
}



/* cute imagggeee tingzzz */
.url.box a, .url.box b {
  display: none;
}
.url.box {
  animation: bootAndClippy 3s steps(1) none;
  animation-fill-mode: forwards;
}

@keyframes bootAndClippy {
  from {
    background: url(https://i.ibb.co/R0v230Z/image.png) no-repeat;
    background-size: 280px;
    position: fixed;
    right: 0;
    bottom: 0px;
    color: #fffFf00;
    height: 300px;
    width: 300px;
    z-index: 100;
    animation: shake 0s infinite;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #00000044);
    z-index: 1000;
  }
  to {
    background: url(https://i.ibb.co/R0v230Z/image.png) no-repeat;
    background-size: 280px;
    position: fixed;
    right: 0;
    bottom: 0px;
    color: #fffFf00;
    height: 300px;
    width: 300px;
    z-index: 100;
    animation: shake 0s infinite;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #00000044);
    z-index: 1000;
  }
}