cold_tortelloni css 11/13/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-image: url(https://giffiles.alphacoders.com/211/211279.gif);
    border-radius: 15px;
    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: black;
}
div.boxInfo.box {
    border: 1px dashed 	#64225a;
    border-radius: 15px;
}
.boxInfo {
    border: 1px dashed 	#64225a;
    borfer-radius: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.blog {
    background-image: url(https://pm1.narvii.com/7565/a13fcc17096012aa0a25c2e7888efbf80f42a732r1-444-359v2_hq.jpg);
    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;
    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: 3px 3px 3px #000;
    color: white;
}
.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(red, #000);
    color: #fff;
    border: 1px solid red;
    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://ani.cursors-4u.net/symbols/sym-9/sym828.ani), url(http://ani.cursors-4u.net/symbols/sym-9/sym828.png), auto !important;
}
html {
    cursor: url(http://ani.cursors-4u.net/symbols/sym-9/sym828.png),auto!important;
}
.fwiendFace img, .tableLeft img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: top;
}
@keyframes wiredB {
50% {
    box-shadow: 0 0 2rem red;
 }
}
#container {
    background-image: url(https://i.pinimg.com/originals/ad/07/e3/ad07e3bef827e08f4908d3c45f46af22.jpg);
    border: 5px double red;
    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://64.media.tumblr.com/9b3f7683325211ea1cb1ac3326ee3241/fdbc755e5df212c8-db/s640x960/70249afaf4e137221cd6e111df9142b9b91f81dc.gif);
}
body {
    text-align: center;
}
#country{
      position:relative;
      visibility:hidden;
}

#country::after{
      Content:"The Twilight Zone";
      font-size:15px;
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}
.tableLeft {
    background: #000;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}
.tableRight {
    width: 75%;
    background-image: url(https://64.media.tumblr.com/9b3f7683325211ea1cb1ac3326ee3241/fdbc755e5df212c8-db/s640x960/70249afaf4e137221cd6e111df9142b9b91f81dc.gif);
    border: 2px solid black;
    border-radius: 15px:
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}
div {
    color: red;
}
.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: "";
    border: 2px solid #000;
    border-radius: 15px;
    display: block;
    height: 250px;
    background-image: url(lll), url(https://www.washingtonpost.com/graphics/2019/world/amp-stories/notre-dame-fire/img/Notre-Dame-001.jpg);
    background-repeat: no-repeat, repeat, repeat, repeat, repeat;
}
.boxHead {
    background: #000;
    color: red;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
.extended {
    background-color: #000;
    border: 1px dashed red;
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.blurbs, #box, #header, #hSub {
    background: #000;
    border: 1px dashed red;
    border-radius: 15px;
    padding: 0px;
    margin-bottom: 10px;
}
.fwiendCount {
    color: #fff;
    text-shadow: 3px 3px 3px black;
}
#commentInput {
    border: 1px solid red;
    border-radius: 25px;
    background-image: url(https://giffiles.alphacoders.com/211/211279.gif);
}
* {
    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 red !important;
    border-radius: 10px;
}
div#hSub a:first-child {
  border-bottom: 2px solid red;
  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;}
}
#name{
      animation-duration:2.0s;
      animation-iteration-count:infinite;
      animation-name:flashy;
      font-family:Century Gothic;
      font-size:25px;
      text-shadow: 2px 2px black;
      margin:0;
      padding-bottom:15px;
      padding-left:5px;
}

@keyframes flashy{
0%{
     color:#d9c6d3;
}

30%{
     color:#caa2bc;
}

65%{
     color:#a16d92;
}

100%{
     color:#743464;
}
}


#name::after{
      content:" (Kikichan2004)";
}