body 
{
  color: #f2f2f2;
  background-color: #000;
 
  background-size: auto, 600px;
  text-align: center;
  background-image: url("harshnoisewallimg/bckgrnd.jpg");
  
}




li
{
    list-style-type: none;
}

a 
{
  color: #f0f;
}


/*when hovering it will cycle these color effects making it look funkey*/
a:focus, a:hover 
{
-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;}
}

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

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

a:active 
{
  color: #fff;
  background-color: #00f;
}

/*funky border thimg*/
#funkyborder
{
    border: 2px solid;
    margin-right: 10%;
    margin-left: 10%;
     -webkit-animation: rainbow 1s infinite;
     -moz-animation:    rainbow 1s infinite;
     -ms-animation:     rainbow 1s infinite;
    padding:2%;
    background-image: url("harshnoisewallimg/divbckgrnd.webp");
    background-repeat: no-repeat;
}
#nonfunk
{
    color: white;
}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/mechanics/mec-1/mec5.cur), auto !important;} /* End https://www.cursors-4u.com */


.fact 
{
  color: #f00;
}
.fact::before 
{
  content: "Did you know: ";
  text-decoration: underline;
  color: Lime;
}

.chat .joppiesaus {
  color: #8bb43b;
}
.chat .gish {
  color: #54a5c4;
}