/*if you want help to make css ask me.copying mine will not work sory*/

@import url(https://myspace.f46n.org/res/discord/attachments/764250522126909470/803016315144241182/rickroll_detection.css);
#header, #hSub, .topLeft, .extended, .blurbs, .fwiends, .comments, .uName, #footer {text-transform: lowercase !important;}
body {color: hotpink; background: black; font-family: Comic Sans MS; font-size: 18px;}
@media (min-width: 1600px) {body {background-image: url("https://i.imgur.com/InyANUu.jpg"); background-attachment: fixed; background-position: center; background-size: 100%; image-rendering: crisp-edges;}}
@media (max-width: 1600px) {body {background-image: url("https://i.imgur.com/eJqTN6M.jpg"); background-attachment: fixed; background-position: center; background-size: 100%; image-rendering: crisp-edges;}}

#container {background-image: url("https://i.imgur.com/eJqTN6M.jpg"); background-attachment: fixed; background-position: center; background-size: 100%; image-rendering: crisp-edges;}
#gender {display: none !important;}
#country {font-size: 0px !important;}
#country::after {content: "englamd"; font-size: 19px;}
.topLeft.blogCard #country::after {content: "englamd"; font-size: small;}
#online {content: url(https://i.imgur.com/WjtHs9Y.gif); margin-top: 10px;}
::selection {background-color: #228;}
.box.blurbs {
    background: rgba(255,105,180,0.2);
    margin-bottom: 12px;
    border: 3px solid hotpink;
}
.box.blurbs p, .box.blurbs h4, .box.blurbs .blogs {margin-left: 6px;}
.box.blurbs h4:last-child {margin-bottom: 20px;}
.short {
    background: rgba(255,105,180,0.2);
    border: 3px solid hotpink;
    margin-top: -25px;
}
.boxInfo {
    border: 3px solid hotpink;
    background: rgba(255,105,180,0.2);
}
.fwiendCount {font-size: 0px !important;}
.fwiendCount::after {content: "alot of kind"; font-size: 19px; color: hotpink;}
#viewFriends b {margin-right: 6px;}
.fwiendCounter b {margin-left: 6px;}
.fwiendCounter b::after {content: "yay !!☺"; font-size: 19px; color: hotpink;}
.box.fwiends {
    background: rgba(255,105,180,0.2);
    margin-bottom: 12px;
    border: 3px solid hotpink;
}
#name {
    background: hotpink;
    color: red;
    padding-bottom: 4px;
    padding-left: 6px;
}
#name::after {content: " loves cats"; font-size: 24px;}
.boxHead b {font-size: 15px;}
.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: medium;
    color: hotpink;
    padding-top: 7px;
}
.boxHead {
    background: hotpink;
    color: red;
    padding-bottom: 4px;
    padding-left: 6px;
}
.extended {
    border: 0px solid transparent;
    background: hotpink;
    color: red;
}
.rightHead {
    background: hotpink;
    color: red;
    padding-left: 4px;
}

.tableLeft {background: hotpink;color: red;}
.tableRight {background: lightpink; color: red;}

.blog {
    background-color: lightpink;
    padding: 15px;
    color: red;
}
.url {border: solid 0px transparent; padding-bottom: 4px; padding-left: 6px; background: hotpink; color: red;}
.url a {font-size: 0px;}
.url a::after {
    font-size: initial;
    color: red;
    content: "https://discord.gg/p2aaVTV";
}
.blurbs h4 {color: hotpink; margin-bottom: 0px;}
a {
    color: inherit;
}
.logo span {font-size: 0px;}
.logo span::after {content: "https://discord.gg/p2aaVTV"; font-size: 16px; color: red; font-family: Comic Sans MS;}
.blurbs .blogs a {
    color: cyan;
    text-shadow: -1px -1px 0 hotpink, 1px -1px 0 hotpink, -1px 1px 0 hotpink, 1px 1px 0 hotpink; /*hotpink c*/
}
.blog img {max-width: 680px;}
#header a:not(.logo) {
    margin-left: 10px;
    color: red;
    font-size: 16px;
    font-family: Comic Sans MS;
}
#hSub a {color: red; font-family: Comic Sans MS;}
#hSub {background: hotpink !important; color: red !important;}
/*meowoem*/
#header {background: hotpink !important; border-bottom: 1px solid red !important;}
span#hUp::before {
    content: "new cats!!";
    animation: blinkingTextBlueK 0.3s infinite !important;
    color: cyan;
    font-size: 16px;
    font-family: Comic Sans MS;
}
@keyframes blinkingTextBlueK{
0%{color: cyan;}
49%{color: #00C3FF;}
50%{color: black;}
99%{color: #00C3FF;}
100%{color: cyan;}
}

.tableLeft img {max-height: 120px; margin-left: 5%; width: 90%;}
.tableRight img {max-height: 200px;}
.tableRight iframe {max-height: 200px;}
@media (min-width: 800px) {
    .topLeft::after {
        background: rgba(255,105,180,0.2);
        background-image: url("https://i.imgur.com/KI5i59B.jpg");
        display: block;
        height: 3140px;
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
        content: "cute kitty space";
        font-size: 20px;
        text-align: center;
        border: 3px solid hotpink;
    }
    .topLeft.blogCard::after {
        background: rgba(255,105,180,0.2);
        background-image: url("https://i.imgur.com/KI5i59B.jpg");
        display: block;
        height: 1920px;
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
        content: "cute kitty space";
        font-size: 20px;
        text-align: center;
        border: 3px solid hotpink;
    }
}
.player {
    background: hotpink;
    color: red;
    border: 0px solid transparent;
}

.blogs a[href$="?autoplay=1"] {display: none;}
.blogs iframe[src$="?autoplay=1"] {display: none;}

.box.fwiends div.rightHead::before {
    background-image: url("https://web.archive.org/web/20090803123613/http://hk.geocities.com/pinkycho2000/Pic/Cute/chick01.gif");
    display: inline-block;
    background-repeat: no-repeat;
    content: "__";
    image-rendering: crisp-edges;
    margin-right: 5px;
    background-position: center;
    color: hotpink;
}
.box.blurbs div.rightHead::before {
    background-image: url("https://i.imgur.com/fGanN1V.png");
    display: inline-block;
    background-repeat: no-repeat;
    content: "__";
    image-rendering: crisp-edges;
    margin-right: 5px;
    background-position: center;
    color: hotpink;
}

.fwiendFace {width: calc( 10% - 0px ); font-size: 14px;}
h3 {font-size: inherit; color: inherit; text-align: center; font-weight: normal; text-decoration: underline;}
h5 {font-size: inherit; visibility: hidden !important; display: none !important; font-weight: normal;}
h6 {font-size: inherit; color: lightpink; font-weight: normal; margin: 0px;}
.blog h6 {margin: 1em;}
.topLeft.blogCard div:nth-child(n+2):nth-child(-n+6) {
    font-size: small;
}

#about p:nth-child(1) a {
    text-shadow: -1px -1px 0 hotpink, 1px -1px 0 hotpink, -1px 1px 0 hotpink, 1px 1px 0 hotpink;
    color: cyan;
}
#about p:nth-child(2) a {
    text-shadow: -1px -1px 0 hotpink, 1px -1px 0 hotpink, -1px 1px 0 hotpink, 1px 1px 0 hotpink;
    color: salmon;
    animation: koalarainbows 2.5s infinite;
}
#about p:nth-child(1) {
    position: relative;
    bottom: 153px;
    height: 0px;
}
#about p:nth-child(2) {
    position: relative;
    bottom: 118px;
    height: 0px;
    color: salmon;
    animation: koalarainbows 2.5s infinite;
}
#about {overflow: visible}
#who h4:last-child a {text-shadow: -1px -1px 0 hotpink, 1px -1px 0 hotpink, -1px 1px 0 hotpink, 1px 1px 0 hotpink; color: cyan;}
.blogs {margin-bottom: 90px;}

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

#form .boxHead b {font-size: 0px;}
#form .boxHead b::after {content: "comment here fwiend!!☺ pleas no spam,, thankou"; font-size: 18px;}
form {text-align: center}
input, button {
    color: cyan;
    font-family: Comic Sans MS;
    border: 3px solid hotpink;
    font-size: 12px;
    text-shadow: -1px -1px 0 hotpink, 1px -1px 0 hotpink, -1px 1px 0 hotpink, 1px 1px 0 hotpink;
    text-transform: lowercase;
    background: rgba(255,105,180,0.2);
}

.blogCorpus p strong {
    background: hotpink;
    border: 2px solid hotpink;
    outline: 2px solid red;
    color: red;
    top: -4px;
    position: relative;
}
.blogCorpus strong a {animation: blinkingTextRed 0.3s infinite;}

blockquote {color: salmon; animation: koalarainbows 4s infinite;}

strong em {color: salmon; animation: koalarainbows 2.5s infinite;}

#footer::after {content: "css designed by koala71783 for personal use";}