/*CSS file for the index page*/

body {
	background-image: url("bgs/messier.png");
	background-size: 500px;
	display: grid;
	font-family: 'Press Start 2P';font-size: 25px;
	color: #00FFFF;
	margin: 0;
}

* {
	box-sizing: border-box;
}

::selection {
	background-color: #000FFF;
	color: #FFFFFF;
}

a {
	text-decoration: none;
	color: #00FFFF;
}

a:hover {
	color: #FF0000;
}

div {
	padding: 6px;
}

#title {
	text-align: center;
}

.ribbon {
	display: block;
	background-image: linear-gradient(to right, red, orange, yellow, lime, cyan, blue, magenta);
	border: 5px groove #000FFF;
	border-left: none;
	border-right: none;
}

/*Content*/

#intro {
	background-image: url("bgs/aqua.png");
	background-size: 150px;
	padding: 5px;
	color: #000FFF;
}

#pages {
	background-image: linear-gradient(to right, black, blue);
}

#misc {
	background-image: linear-gradient(to right, black, blue);
}
/**/

.container {
	text-align: center;
	
}

.gallery {
	display: flex;
}

.row {
	display: grid;
	margin: 5px;
}

.row img {
	margin: 5px;
}