body {
	background-color: #060606;
	color: #7c7c7c;
	font-family: Courier New;
	padding-left:4em;
	padding-right:4em;
	text-justify: inter-word;
	text-align: justify-all;   
}

pre {
	font-family: Garamond;
	font-size: 1.5vh; 
	line-height:1.5;
	white-space:pre-line;
	justify-content: center;
	text-align: justify;  
}

nav {
  display: block;
  float: right;
  padding-top:4em;
  font-family: Courier New;
}

a {
	font-family: Garamond;
	font-size: 18px; 
	display: flex;
	align-items: center;
	justify-content: center;
}

a:link {
	color: #F2F2F2;
	text-decoration: none;
}

a:visited {
	color: #BA0000;
	text-decoration: none;
}

a:hover {
	color: #ED0E0E;
	text-decoration: none;
}

.center{
	justify-content: center;
	display: flex;
	align-items: center;
	min-height: 90vh;
	width: auto;
}

center-list{
	position: relative;
	top: -50vh;
	justify-content: center;
	align-items: center;
	display: flex;
	text-align: center;
	width: auto;
}

img {
        max-width: 100%;
        height: auto;
}

.align {
	align-self: center;
	justify-self: center;
}

.rains-align {
	align-self: center;
	justify-self: center;
	background-color: rgba(255, 255, 255, 0);
	color: #F2F2F2;
	padding: 7px;
	border: none;
	font-style:italic;
	font-family: Garamond;
	font-size:18px;
}

.rains-align:visited {
	color: #BA0000;
	text-decoration: none;
}

.rains-align:hover {
	color: #ED0E0E;
	text-decoration: none;
}

.home-links {
	position:relative;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(1px, auto));
	justify-content: center;
	align-items: center;
	text-align: center;
	top:-28vh;
	height:auto;
	gap: 150px;
}


/*.home-links >* {
	background-color: green;
	
}

.dropdown-content >* {
	background-color: green;
	
}*/

.dropdown-content {
	display: none;
	position: absolute;
}

.dropdown-content a {
	padding: 8px 7px;
	display: block;
	text-align: left;
	font-size:15px;
}

.dropdown-content a:hover {
	background-color: none;
	color: #ED0E0E;
}

.dropdown:hover .dropdown-content {
	display: block;
	background-color: none;
	color: #F2F2F2;
	}

.dropdown:hover .rains-align {
	background-color: none;
	color: #F2F2F2;
	
}

.top-left{
	position: fixed;
	left:2em;
	top:2em;
	object-fit: contain;
}

.about{
	position: fixed;
	right:-10em;
	top:2em;
	object-fit: contain;
}

@media (max-width:1400px) { 
	.top-left{
		max-width:5%;
		left: 1.5em;
	}
	.about{
		max-width:50%;
		right:-10em;
	}
	.home-links{
		top:-28vh;
		grid-template-columns: repeat(auto-fit, minmax(200px, auto));
		gap: 150px;
	}
	.dropdown-content a {
		text-align: left;
		font-size:16px;
	}
	.dropdown-content {
		min-width: 200px;
	}
	
	.rains-align{
		font-size:18px;
	}
}



@media (max-width:800px) { 
	.about{
		max-width:50%;
		right:-6.5em;
	}
	
	.home-links{
		top:-38vh;
		gap: 30px;
	}
	.dropdown-content a {
		text-align: left;
	}
}



@media (max-width:500px) { 
	.center-list{
		top: -15em;
	}
	
	.home-links{
		top:-38vh;
	}
	
	.rains-align{
		font-size:16px;
	}
	
	a{
		font-size:16px;
	}
	
	.about{
		right:-4em;
	}
	.dropdown-content a {
		font-size:16px;
	}
}