cold_tortelloni css 11/1/2020

.fwiendFace {
    transition: 0.5s;
}
.fwiendFace: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,1px) rotate(0deg);

}

}
.songName {
    overflow: hidden;
    background: linear-gradient(#8b6583, #000);
    border-radius: 3px;
    margin-top: 0px;
    font-size: small;
    box-shadow: 0px 4px 6px -5px #333;
    text-shadow: 0px -2px #333;
    color: white;
    padding: 5px;
}
* {
    color: #fff;
}
.songName {
    white-space: nowrap;
}
.songName b {
    display: none;
}
.songTitle:after {
    content: ".mp3";
}
@keyframes marquee {
0% {
    text-indent: 100%;
}

100% {
    text-indent: -180%;
 }
}
.songTitle {
    display: block;
    animation: marquee 20s linear infinite;
}
.player {
    background: #000;
    border: 3px solid #000;
    border-radius: 4px;
    padding: 0;
}
@media only screen and (max-width: 768px)
.topLeft, .topRight {
    width: auto;
    float: none;
}
div#hSub {
    color: 	#64225a;
}
div.boxInfo.box {
    border: 1px dashed 	#64225a;
}
.boxInfo {
    border: 1px dashed 	#64225a;
    margin-bottom: 20px;
    margin-top: 20px;
}
.blog {
    background-color: #000;
    border: 1px solid #000;
}
p {
    color: #fff;
}
div#hSub a {
    letter-spacing: 5px;
}
#header a:not(.logo) {
    margin-left: 10px;
    color: #fff;
    font-size: small;
    text-decoration: none;
    font-family: Courier New;
}
#imgPreview img {
    width: auto;
    height: auto;
    max-height: calc(100% - 10px );
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 0px solid #fff;
    cursor: zoom-out;
    background: url(lll);
}
.topRight > .blurbs.box > .blogs > div > b::after {
    font-size: 15px !Important;
    content: "sɓolq";
    animation: test 1s linear infinite;
}
.topRight > .blurbs.box > .blogs > div > b {
    font-size: 0px !Important;
}
#viewFriends {
    display: none;
}
.fwiendCounter>b::after {
    content: "b̷̗͈͙̱̫̞̳̥̰̑̀̀̑̕a̷͕͈̖̜͎̝͠s̶̗̙͇͉̯̺͚͑̄̌͂̑͗͘͠t̶̤͖̪̬͉́͊͑͗̍̔͛͂̚͜a̵͍̩̙̎̈r̵͖͇̫͇̝͙̄̓̅͗d̸̟͈͉̦̽̓̂̎̀͒̀̈́̇͝ŝ̵̱͓͙̱̺̹͇͕͚̦̄͗͛͘";
    font-size: 15px;
    text-shadow: 2px 2px #fff;
    color: #000;
}
.fwiendCount {
    color: #000;
    font-size: 15px;
    text-shadpw: 2px 2px #000;
}
.fwiendCounter>b {
    font-size: 0px;
    color: #000;
}
.fwiendCounter>b>.uName {
    font-size: 0px;
    color: #000;
}
.topRight > .box:not(.blurbs) > .rightHead > b::after {
    content: "I DON'T WANNA BE HERE ANYMORE";
    font-size: 15px;
    color: #fff;
}
.topRight > .box:not(.blurbs) > .rightHead > b > span.uName {
    font-size: -9999px;
}
.topRight > .box:not(.blurbs) > .rightHead > b {
    font-size: 0;
}
.blurbs.box > .rightHead > b > span.uName::after {
    content: "me?";
    color: #fff;
    font-size: 15px;
}
.blurbs.box > .rightHead > b {
    font-size: 0px;
}
.blurbs.box > .rightHead > b > span.uName {
    font-size: 0px;
    color: #fff;
}
.topRight > .extended.box::after {
    font-size: 15px !important;
    content: "I'm just playing games ☆ I know that's plastic love!!";
}
.topRight > .extended.box > h3 {
    font-size: 0;
}
.boxHead {
    display: none;
    text-indent: -9999px;
}
h4 {
    display: none;
}
div#hSub a {
    font-family: courier;
}
.fwiendFace img, .tableLeft img {
    border: 1px solid #fff;
}
input, button {
    background: linear-gradient(#8b6583, #000);
    color: #fff;
    border: 1px solid #8b6583;
    font-family: "courier";
}
input, .fwiendFace b, .tableLeft b, .tableLeft img, #avatar.avatar, .fwiendFace img, .logo, div#hSub a, button, #add.boxButton, #sMsg.boxButton, #imgPreview img, #header a:not(.logo), #imgPreview {
    cursor: url(https://cur.cursors-4u.net/toons/too-5/too461.cur),auto!important;
}
html {
    cursor: url(https://cur.cursors-4u.net/toons/too-5/too461.cur),auto!important;
}
.fwiendFace img, .tableLeft img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: top;
}
@keyframes wiredB {
50% {
    box-shadow: 0 0 2rem #8b6583;
 }
}
#container {
    background-image: url(https://i.pinimg.com/originals/65/2a/aa/652aaa8b8db34f37339e7b3324776e42.jpg);
    border: 5px double #8b6583;
    animation: wiredB 2s ease-in-out infinite;
}
body {
    font-family: "Courier New";
}

body::after {
  content: "POLICEMEN SWEAR TO GOD: LOVE'S SEEPING FROM THEIR GUNS";
  display: block;
  position: fixed;
  top: 0;
  left: -32px;
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  background-position: 0 0;
  background-repeat: repeat;
  z-index: 10000000;
  pointer-events: none;
  opacity: 0.75;
}
.logo b span {
  display: none;
}
img {
    image-rendering: initial;
}
.url.box {
  display: none;
}
body {
    background-image: url(https://giffiles.alphacoders.com/170/170936.gif);
}
body {
    text-align: center;
}
.tableLeft {
    background: #FF9595;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}
.tableRight {
    width: 75%;
    background: #000;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}
div {
    color: ##8b6583;
}
.rightHead {
    background: #000;
    color: #fff;
    border: 1px solid #000;
    padding-left: 4px;
}
h4 {
    color: #fff;
    margin-bottom: 0px;
}
.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: #fff;
    padding-top: 7px;
}
.topLeft{

background:#000;
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-radius:25px;
      box-sizing:border-box;
      color:#fff;
      overflow:auto;
      padding:1px;
      text-shadow:0 0 4px white;
      top:60px;
}
.topLeft:after {
    content: "";
    display: block;
    height: 300px;
    background-image: url(lll), url(https://thumbs.gfycat.com/OptimalSleepyBluebottlejellyfish-small.gif);
    background-repeat: no-repeat, repeat, repeat, repeat, repeat;
}
.boxHead {
    background: #000;
    color: #8b6583;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
.extended {
    background-color: #000;
    border: 1px dashed #8b6583;
    margin-bottom: 20px;
    margin-top: 20px;
}
.blurbs, #box, #header, #hSub {
    background: #000;
    border: 1px dashed #8b6583;
    padding: 0px;
    margin-bottom: 10px;
}
.fwiendCount {
    color: #fff;
}
#commentInput {
    border: 1px solid #8b6583;
    background: linear-gradient(#8b6583, #000);
}
* {
    color: #fff;
}#hSub a {
    color: #fff;
    text-decoration: none;
}
#header, #hSub {
    padding: 5px !important;
    background: #000 url(https://i.pinimg.com/originals/1c/2a/48/1c2a48cafc7a62bfe1df42bd23368e65.gif) repeat!important;
    border-bottom: 1px solid #8b6583 !important;
    border-radius: 10px;
}
div#hSub a:first-child {
  border-bottom: 2px solid #8b6583;
  padding-bottom: 7px;
}
span#hUp::before {
    content: "わたあめ！！";
    animation: koalarainbows 0.5s infinite !important;
    color: salmon;
    font-size: 20px;
}
@keyframes koalarainbows{
    0%{color: salmon;}
    11%{color: orange;}
    22%{color: yellow;}
    33%{color: lightgreen;}
    44%{color: cyan;}
    55%{color: deepskyblue;}
    66%{color: mediumslateblue;}
    77%{color: violet;}
    88%{color: hotpink;}
    100%{color: salmon;}
}