body {
    background-color: #000000;
}

.title {
    color: green;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #ffffff;
    letter-spacing: -2px
}

p{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #ffffff;
    letter-spacing: -1px
}

button {
    background-color: crimson;
    border: 0px;
    border-radius: 15px;
    display: block;
    margin-left: auto; 
    margin-right: auto;
    padding: 15px;
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: -2px;
    font-size: xx-large;
    transition-duration: 0.5s;
    text-decoration: none;
}

button:hover {
        animation: rainbow-bg 1s linear;
        animation-iteration-count: infinite;
        color: black;
        transition-duration: 0.25s;
}


@keyframes rainbow-bg{
		100%,0%{
			background-color: rgb(255,0,0);
		}
		8%{
			background-color: rgb(255,127,0);
		}
		16%{
			background-color: rgb(255,255,0);
		}
		25%{
			background-color: rgb(127,255,0);
		}
		33%{
			background-color: rgb(0,255,0);
		}
		41%{
			background-color: rgb(0,255,127);
		}
		50%{
			background-color: rgb(0,255,255);
		}
		58%{
			background-color: rgb(0,127,255);
		}
		66%{
			background-color: rgb(0,0,255);
		}
		75%{
			background-color: rgb(127,0,255);
		}
		83%{
			background-color: rgb(255,0,255);
		}
		91%{
			background-color: rgb(255,0,127);
		}
}


div {
    margin:auto;
    width: 50%;
    margin-top: 25%;
}