.content {
	color: var(--white);
	padding:2vmin;
	text-shadow: 1px 1px 5px black;
	background:
		radial-gradient(
			rgba(0, 0, 0, 0.2) 0%,
			rgba(0, 0, 0, 1) 60%
		), var(--bgimage);
	background-repeat: no-repeat;
	background-position-x: center;
	background-attachment: fixed;
	background-size: cover;

	.flexbox {
		display: flex;
		flex-wrap: wrap;
		.sidepanel {
			flex: 30%;
			padding: 5px;
			text-align: center;
		}
		.main-content {
			flex: 70%;
			padding: 5px;
		}
		@media (max-width: 800px) {
  			.sidepanel, .main-content {
    				flex: 100%;
			}
  		}
	}
}
}