the usual bizarre (coding dump)

hello! this is where i will be storing my codes from now on ^_^

don't forget to put the <style>. tags around this in the editor!!

/* background img */

body { background-image: url(https://i.imgur.com/xn7lVCw.jpeg); }

/* font + cursor */

* { font-family: courier new; cursor: url(https://cur.cursors-4u.net/nature/nat-4/nat368.cur), auto!important; }

/* link hover */

a { transition-duration: .3s }

a:hover { letter-spacing: .5px; transition-duration: .3s; text-decoration: none }

/* color of the Online! text */

.online { color: #90fc03 }

/* image hover. feel free to mess w the hue rotation! */

img { transition-duration: 0.5s }

img:hover { filter: brightness(75%) grayscale(100%) sepia(100%) hue-rotate( 240deg) saturate(200%) contrast(1.5); }

/* navigation */

nav { margin-bottom: 10px!important; }

/* the top part with the logo n stuff */

.top { background-color: #000!important; color: white!important; }

.top a{ color: white!important; }

/* link color on the links thing with the home browse stuff */

nav a { color: black!important; font-weight: 800 }

nav a:hover { color: #000dff!important; text-decoration: none!important }

/* links. the things at the top with the home browse n stuff */

.links { background-color: #ff1269!important; margin-bottom: 10px!important; position: sticky!important; color: black!important; }

/* footer */

footer.ul{ background-color: transparent!important; position: static!important; }

/* dont remove pretty please */

footer:after { content: "css by hara @hopeiess" }

/* dont remove its so that the links dont have a pink bgr */

footer .links { background-color: transparent!important; }

/* footer link color */

footer a{ color: #000dff!important; }

/* the text border thing in the footer */

footer p{ text-shadow: -1px 0 #ff00dc, 0 1px #ff00dc, 1px 0 #ff00dc, 0 -1px #ff00dc; }

/* footer background img */

footer { background: url(https://t4.ftcdn.net/jpg/03/79/19/67/360_F_379196791_QurOEU05GUSQBlyjllWUG03PdoIx4oFL.jpg); }

/* thing in between links */

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { content: " ♤ "; }

/* color of main box */

main { background: #000!important; color: white }

/* heading font color */

.profile .blurbs .heading, .profile .friends .heading { background-image: linear-gradient(to right, #ff0000, #ff8800, #ffe100, #09ff00, #00fff2, #0073ff, #1100ff, #8c00ff)!important; color: white }

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background-image: linear-gradient(to right, #ff0000, #ff8800, #ffe100, #09ff00, #00fff2, #0073ff, #1100ff, #8c00ff)!important; }

/* heading bore-der */

.table-section, .url-info, .contact { border: 0px transparent!important }

/* color of links in main box */

main a { color: #ff00dc }

main a:hover { color: #000dff }

/* tables */

td { background-color: #ff00dc!important }

td a{ color: #000!important }

td p { color: #000 }

/* search bar */

button, [type="button"], [type="reset"], [type="submit"] { background-color: #ff00dc!important; color: #000; cursor: pointer; border: inset 3px #000dff; }

input { background-color: #000!important; color: #ff00dc; border: inset 3px #ff00dc; }

@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@200&display=swap');

body {
    background: url(https://i.pinimg.com/originals/91/2b/9c/912b9c914435d094d61a3524dd173119.gif);
font-family: 'Prompt';
}

* {
 font-family: 'prompt';
    font-size: 15px;
cursor: url(https://cur.cursors-4u.net/anime/ani-12/ani1105.cur), auto !important;
} 


main {
    color: #fff;
    padding: 6px 0px;
    font-size: 80%;
    background: #000;
margin: 10px
}

footer {
background: url(https://64.media.tumblr.com/c223f7f774810d07331deaad6ae3a181/e7c5aa11bc13ad7f-94/s2048x3072/1f837ae3a33ba67a64bc77d1d125047729b756c8.gif)!important;
color: #fff;
margin: 10px
}

footer:after{
content: "css by me. maybe i'll make layouts someday";
margin: inherit;
display: block;
}


a {
color: #84ff00;
text-decoration: underline;
transition-property: letter-spacing;
transition-duration: 1.2s;
}

a:hover {
letter-spacing: 1.5px; 
text-decoration: wavy underline;
-webkit-animation:rainbow 1s infinite;
-ms-animation:rainbow 1s infinite;
-o-animation:rainbow 1s infinite;
animation:rainbow 1s infinite;
}
@-webkit-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@-ms-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@-o-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}

.heading {
background: #000 !important;
color: #84ff00 !important
}

.inner {
background-color: #000 !important;
color: #84ff00 !important 
}

tr {
background-color: #000 !important;
color: #84ff00 !important 
}

td {
background-color: #000 !important;
color: #fff!important 
}

.top {
background-color: #000 !important;
color: #84ff00 !important 
}

.links {
background: #000 !important;
color: #84ff00 !important;
padding: 5px !important;
}

input {
background-color: #000 !important;
color: #84ff00 !important;
border: #fff 2px solid !important;
}

button, [type="button"], [type="reset"], [type="submit"] {
background-color: #84ff00 !important;
color: #000 !important;
border: #fff 2px solid !important;
}

button, [type="button"], [type="reset"], [type="submit"]:hover {
cursor: pointer
}

.online >img {
url (https://media.discordapp.net/attachments/839974252362334279/871139274941169665/postUpvoteIconInactive_25yh0a8hoq111.png)
}

.contact, .url-info, .table-section {
border: 2px solid #84ff00!important;
box-shadow: 5px 5px #84ff00!important
}

nav {
margin: 10px!important;
box-shadow: 5px 5px 84ff00!important
}

.profile {
box-shadow: 5px 5px 84ff00!important
}

img:hover {
  -webkit-animation: rotateAround 2s infinite !important;
    -moz-animation: rotateAround 2s infinite !important;
    -o-animation: rotateAround 2s infinite !important;
    animation: rotateAround 2s infinite !important;
  animation-iteration-count: infinite !important;
}

img:hover:after {
  -webkit-animation: rotateAround 2s infinite !important;
    -moz-animation: rotateAround 2s infinite !important;
    -o-animation: rotateAround 2s infinite !important;
    animation: rotateAround 2s infinite !important;
  width: 200px !important;
  height: 200px!important;

}


@-webkit-keyframes rotateAround {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }
    @-moz-keyframes rotateAround {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }
    @-o-keyframes rotateAround {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }
    @keyframes rotateAround {
      0%   { transform: rotate(-10deg); }
      50% { transform: rotate(10deg); }
      100% { transform: rotate(-10deg); }
    }


::selection {
  
  background-color: #84ff00;
  
  color: #000;
}


::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #000;
}
::-webkit-scrollbar-thumb {
  background-color: #84ff00;
}


.profile .friends .person p {
color: red;
}