* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: monospace;
	background-color: #000;
	color: #fff;
}

a {
	text-align: center;
	text-decoration: none;
	color: #fff;
}

.text {
	padding: 1rem;
	text-align: left;
	font-size: 1rem;
}

h1 {
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
}

h2 {
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

@-webkit-keyframes rainbow {
	0% {border-color: hsl(0, 100%, 50%);}
	100% {border-color: hsl(290, 100%, 50%);}
}

.rainbow_border{
	border: 1px solid hsl(0, 100%, 50%);
	-webkit-animation: rainbow 2s infinite alternate;
	margin: 5% 20% 5% 20%;
}

@media screen and (max-width: 700px) {
	.text {
		font-size: 0.8rem;
	}

	h1 {
		font-size: 1rem;
	}
	
	.rainbow_border{
		margin: 8% 8% 8% 8%;
	}
}