.top-menu {
	background-color:#346aa3;
	align-self: stretch;
	padding-block: 1em;
    display:flex;
    justify-content:center;
	gap:1.5em;
	align-items:center;
	flex-wrap:wrap;
	font-size: clamp(14px, 1.1vw,20px);
	border-bottom: 3px solid #000
}

#footer, .connect {
		display:flex;
		flex-direction:column;
		gap: 10px;
		font-size:1.8rem;background-color:#752c9e;text-align:center
	}
	#footer{
		align-self: stretch;
		font-size:1.2rem;
		padding-block: 1em;
		border-top: 3px solid #000
	}
.connect{
		color:snow
	}
	.connect img:hover {
		background-color: #000
	}
	.copy{
	font-size:1.2rem;
	margin-top: 0.75em;
	color:#fff;
	flex-basis: 100%;
}
@media (prefers-color-scheme:dark){
	body{
		background-color: #125447
	}
	.top-menu{
		background-color: #254b74
	}
	html, #footer, .connect{
		background-color: #582277
	}
}