body {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 25px;
  background-color: #000000;
  text-align:center;
  color: white;
  background-image: url("https://kiwiburger.neocities.org/images/ninetiesbackground.jpg");
}

h1 {
  text-align: center;
  color: rgb(255,104,66) 
}

p { 
  text-align: center;
  color: rgb(13, 255, 207)  
}
.p2{
    text-align: left;
}
.p1 {
  font-family: Arial, serif, "Times new roman";
}
.marquee {
 height: 50px;	
 overflow: hidden;
 position: relative;
 position: absolute;
 width: 100%;
 margin: 0;
 line-height: 50px;
 text-align: left;
 /* Apply animation to this element */	
 -moz-animation: marquee 10s linear infinite alternate;
 -webkit-animation: marquee 10s linear infinite alternate;
 animation: marquee 10s linear infinite alternate;
}
/* Move it (define the animation) */
@-moz-keyframes marquee {
 0%   { -moz-transform: translateX(70%); }
 100% { -moz-transform: translateX(0%); }
}
@-webkit-keyframes marquee {
 0%   { -webkit-transform: translateX(70%); }
 100% { -webkit-transform: translateX(0%); }
}
@keyframes marquee {
 0%   { 
 -moz-transform: translateX(70%); /* Firefox bug fix */
 -webkit-transform: translateX(70%); /* Firefox bug fix */
 transform: translateX(70%); 		
 }
 100% { 
 -moz-transform: translateX(0%); /* Firefox bug fix */
 -webkit-transform: translateX(0%); /* Firefox bug fix */
 transform: translateX(0%); 
 }
}
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
.rainbow {
  color:white;
  font-size:20;
  text-decoration:none;
  animation:rainbow 2s linear infinite alternate;
}

@keyframes rainbow {
    0%   {color:red;        }
    10%  {color:orange;     }
    20%  {color:gold;       }
    30%  {color:yellow;     }
    40%  {color:yellowgreen;}
    50%  {color:green;      }
    60%  {color:cyan;       }
    70%  {color:blue;       }
    80%  {color:violet;     }
    90%  {color:magenta;    }
    100% {color:indigo;     }
}