body, html {
	height: 100%;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}


.background-container {
	background-image: url("../img/rainbow.jpg");
	height: 100%; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

main {
	padding-bottom: 5rem;
} 

footer {
	height: 5rem;
	margin-top: -5rem;
}

.footer-inner {
	display: flex;
	justify-content: center;
	line-height: 1.5;
	color: #1a1a1a;
}

.text-center {
	text-align: center;
}

.footer-link {
	color: inherit;
}

.footer-link-container {
	padding-left: 0.4rem;
    padding-right: 0.4rem;
}