.background {
	background-image: url("https://images.unsplash.com/photo-1683085809775-d9ac53fcbe21?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDE1fDZzTVZqVExTa2VRfHxlbnwwfHx8fA%3D%3D&auto=format&fit=crop&q=60");
	/* fill the page height and width */
	height: 100vh;
	width: 100vw;
	/* make the background image cover the whole page */
	background-size: cover;
	/* position the image in the center of the page */
	background-position: center;
	/* make the image fixed so it doesn't scroll with the page */
	background-attachment: fixed;
	/* make the image not repeat */
	background-repeat: no-repeat;
	overflow: hidden;
}

.sidePanel {
	/* make somewhat transparent and blurry */
	background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(5px);
	height: 100vh;

}