MySpace windows93 cottagecore theme

body{
      background-attachment:fixed;
      background-image:url(https://i.pinimg.com/236x/f6/6e/47/f66e477eb2541a1ed40099696b6c421b.jpg);
      background-size:40 px;
      color:#fff;
      font-family:Tahoma,Geneva,sans-serif;
      font-weight:500;
}

.extended{
      color:#fff;
      font-size:10px;
      text-shadow:0 0 3px rgba(69,0,112,0.5);
      text-shadow:#fff 0 0 7px;
}

.extended::after{
      background-image:url(https://i.pinimg.com/564x/df/8a/76/df8a7672287d1b6d8642e02d3ab97c5c.jpg);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-radius:25px;
      bottom:0;
      box-sizing:border-box;
      color:#fff;
      content:"✧✧✧";
      display:block;
      font-family:Century Gothic;
      font-size:15px;
      font-weight:700;
      left:0;
      text-align:center;
      text-shadow:#fff 0 0 7px;
      top:0;
      width:100%;
}

.logo{
      font-size:0;
}

.logo::after{
      color:#fff;
      content:"Welcome✧";
      font-size:15px;
      font-weight:800;
}

div#header{
      background:#116e63;
      font-family:Century Gothic;
}

div#hSub{
      background:#2e9f7a;
      font-family:Century Gothic;
}

#name{
      animation-duration:2.0s;
      animation-iteration-count:infinite;
      animation-name:flashy;
      font-family:Century Gothic;
      font-size:25px;
      margin:0;
      padding-bottom:15px;
      padding-left:5px;
}

@keyframes flashy{

0%{
     color:#ffffff;
}

30%{
     color:#a6c83b;
}

65%{
     color:#2e9f7a;
}

100%{
     color:##36e886;
}
}


#name::after{
      content:" (or Ruru Kri✧)";
}

a:link{
      color:purple;
       ;
}

a:active{
      color:#fc569c;
}

a:visited{
      color:#000;
}

.box{
      border:transparent;
}

.boxInfo{
      background:#06090c8a;
      border:2px dashed #fff;
      border:2px solid #000;
      margin-bottom:1px;
}

.boxButton{
      color:#fff;
}

.boxHead{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      background:transparent;
      border:2x dashed #fff;
      color:#fff;
}

#sMsg{
      background-image:url(https://ani.cursors-4u.net/nature/images11/nat1049.png);
      font-size:0;
}

#sMsg::after{
      content:"tell me something";
      font-size:13px;
}

#block{
      background-image:url(https://ani.cursors-4u.net/nature/images11/nat1051.png);
font-size:0;
}

#block::after{
      content:"it's your right to block me ig";
font-size:13px;
}

#report{
      background-image:url(https://cur.cursors-4u.net/nature/images11/nat1029.gif);
      font-size:0;
}

#report::after{
      content:"report me, I dare you";
      font-size:13px;
}

#add{
      background-image:url(https://cur.cursors-4u.net/nature/images11/nat1021.png);
      font-size:13px;
      text-transform:lowercase;
}

div.url.box{
      font-size:0;
      text-align:center;
}

div.url.box::after{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      color:#fff;
      content:"“I love ya, would ya marry me?”";
      font-size:20px;
      font-weight:700;
      text-shadow:#A56FCC 0 0 3px;
}

.rightHead{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      background:transparent;
      color:#fff;
      font-size:18px;
      text-shadow:0 0 3px rgba(77,7,110,0.5);
}

.rightHead::before{
     content: url(https://66.media.tumblr.com/tumblr_ls18x47BY51qh1ook.gif);
     padding: 5px;
}

.rightHead::after{
     content: url(https://66.media.tumblr.com/tumblr_ls18x47BY51qh1ook.gif);
     padding: 5px;
}

.topLeft{
      animation-duration:1.5s;
      animation-name:slidein;
      background-image:url(https://i.pinimg.com/originals/26/9a/8c/269a8c06db1437fcd8cc5d58f9323849.gif);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-radius:25px;
      box-sizing:border-box;
      color:#fff;
      overflow:auto;
      padding:1px;
      position:relative;
      text-shadow:0 0 4px black;
      top:60px;
}
.topLeft::after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 200px;
    padding-top: 20px;
    background-image:url(https://64.media.tumblr.com/386e903ce2e32ef46cb35d2ab5f46dbe/be5f00c3a9694939-9e/s1280x1920/06ea154293976d1ce7e7cc298139752acae15512.png);
    background-repeat: no-repeat;
    background-size: 390px;
}

@keyframes slidein{
      from {
            margin-left:-100%;
}

      to {
            margin-left:0;
      }
}

.avatar{
      border:10px solid;
      border-image:url() 30 stretch;
      box-sizing:border-box;
      display:block;
}

#gender{
      position:relative;
      visibility:hidden;
}

#gender::after{
      content:"she|they|he|xe";
      font-size:15px;
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

#age{
      position:relative;
      visibility:hidden;
}

#age::after{
      content:"";
      font-size:15px;
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

#country{
      position:relative;
      visibility:hidden;
}

#country::after{
      content:"Underworld";
      font-size:15px;
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

#online{
      margin-top:0;
      padding:1px;
      position:relative;
      visibility:hidden;
}

#online::after{
      content:url("https://66.media.tumblr.com/0aba58a985096c2e488289597b4ccad8/63044b9c0c86e369-66/s250x400/1c41c3d05bd922837f03dea9c5657ba1a6b5a68d.png");
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

.topRight{
      animation-duration:1.5s;
      animation-name:slide;
}

@keyframes slide{
      from {
            margin-right:-100%;
}

      to {
            margin-right:0;
}
}

.player{
      background:#06090c8a;
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      color:#fff;
      margin:0 auto;
}
 .player {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    width: calc(100% - 10px );
    border: 1px solid #000;
}
h4{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      background-image:url(https://i.pinimg.com/236x/74/35/89/743589ebbdffb0347a137b57cab3bf7a.jpg);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-bottom:10px;
      border-top-left-radius:20px;
      border-top-right-radius:20px;
      color:#fff;
      font-family:;
      font-weight:700;
      height:20px;
      position:relative;
}

.blurbs{
      margin-block-start:15px;
      text-align:center;
      text-shadow:0 0 3px rgba(255,255,255,0.5);
}

#about{
      background-image:url(https://i.pinimg.com/236x/5b/55/72/5b557292937b284358e58a125151f62a.jpg);
      border:2px solid #000;
      border-radius:25px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding:15px;
}

#who{
      background-image:url(https://i.pinimg.com/236x/5b/55/72/5b557292937b284358e58a125151f62a.jpg);
      border:2px solid #000;
      border-radius:25px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding:15px;
}

.fwiendCount{
      color:#00c6ed;
}

.fwiendCounter{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      color:#fff;
}

#top a{
      color:#fc569c;
      text-decoration:none;
}

.fwiendFace{
      background-image:url(https://i.gifer.com/origin/b4/b45100338ffa19acc5c418c48280b05f_w200.webp);
      border:2px solid #fff;
      border-radius:50%;
      font-size:0;
      height:100px;
      margin-bottom:5px;
      margin-right:5px;
      max-width:100vw;
      width:100px;
}

.fwiendFace img{
      background-position:center;
      border-radius:50%;
      display:absolute;
      height:100px;
      object-fit:cover;
      width:100px;
}

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

#viewFriends{
      background:#116e63;
      border:2px solid #000;
      border-radius:25px;
      color:#fff;
      padding:5px;
}

.tableLeft{
      background-image:url(https://i.pinimg.com/236x/e6/8d/22/e68d22fe6c325cafed4b377a069c4f9f.jpg);
      background-position:center;
      background-size:cover;
      border:2px dashed #fff;
}

.tableRight{
      background-image:url(https://i.pinimg.com/564x/38/97/9d/38979d8580f8ec580b2fc9e0c2eebff4.jpg);
      border:2px dashed #fff;
      color:#fff;
      text-shadow:#fff 0 0 7px;
}

.blog{
      background:rgba(142,93,154);
      border:2px solid #000;
      text-shadow:#fff 0 0 7px;
}

.blogs{
      text-shadow:#fff 0 0 7px;
}

.blogCard{
      position:relative;
      top:10px;
}

.blogTitle{
      font-size:0;
}

div#footer{
      bottom:0;
      font-size:0;
      left:700px;
      position:fixed;
      pointer-events: none;
}

div#footer::after{
      animation-duration:1.5s;
      animation-name:slideup;
      content:url("https://66.media.tumblr.com/6ef91df1c65bf5829a951701ec9e97e5/a5fac8d5b0399133-95/s250x400/7a94701a1fc51026055c58fdc13e7abb198310c5.png");
}

@keyframes slideup{
      from {
            margin-right:-100%;
}

      to {
            margin-right:0;
      }
}

@media screen and (max-device-width: 768px){
      div#footer {
      visibility:hidden;
      }
}

@media only screen and (max-width : 768px){
* {
      -moz-animation:none!important;
      -ms-animation:none!important;
      -o-animation:none!important;
      -webkit-animation:none!important;
      animation:none!important;
      }
}

* {
cursor:url(https://ani.cursors-4u.net/nature/images11/nat1053.png),auto!important;
}