body, html {
    margin: 0;
    padding: 0;
}
body {
    background-image: linear-gradient(#E40303, #FF8C00, #FFED00, #008026, #24408E, #732982);
}

#title {
    height: 5vh;
	display: grid;
	place-items: center;
}

#title h1{
    text-align: center;
    margin: 0;
    padding: 0;
}

#startButton {
    height: 15vh;
}

#feed {
    max-height: 85vh;
    max-width: 50vw;
    font-size: 2.5vw;
    text-decoration: underline;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#feed img{
    height: 70%;
}


p {
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	position: relative;
    background-color: #171618;
    width: 25vw;
	padding: 30px 60px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 4px;
	font: 700 30px consolas;
	overflow: hidden;
}

p span:nth-child(1) {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, #171618, #3bff3b);
	animation: animate1 2s linear infinite;
}

@keyframes animate1 {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}

p span:nth-child(2) {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(to bottom, #171618, #3bff3b);
	animation: animate2 2s linear infinite;
	animation-delay: 1s;
}
@keyframes animate2 {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(100%);
	}
}

p span:nth-child(3) {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to left, #171618, #3bff3b);
	animation: animate3 2s linear infinite;
}

@keyframes animate3 {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}

p span:nth-child(4) {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(to top, #171618, #3bff3b);
	animation: animate4 2s linear infinite;
	animation-delay: 1s;
}

@keyframes animate4 {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(-100%);
	}
}
