@media (prefers-color-scheme: light) {
	article {
		background-color: #f0f0ff ;
	}
	body {
		background-color: GhostWhite ;
		color: #1b1b1b ;
	}
}

@media (prefers-color-scheme: dark) {
	article {
		background-color: #2a2a2a ;
	}
	body {
		background-color: #1b1b1b ;
		color: LightGrey ;
	}
}

@media (prefers-color-scheme: no-preference) {
	article {
		background-color: #e0e0e0 ;
	}
	body {
		background-color: GhostWhite ;
		color: #1b1b1b ;
	}
}

.block {
	display: inline-block ;
	text-align: left ;
}

.button {
	background-color: #4b2496 ;
	border: none ;
	border-radius: 40px ;
	color: white ;
	padding: 16px 32px ;
	text-align: center ;
	text-decoration: none ;
	display: inline-block ;
	font-size: large ;
	margin: 4px 2px ;
	transition-duration: 0.4s ;
	cursor: pointer ;
}

.button1 {
	background-color: #4b2496 ;
	color: GhostWhite ;
}

.button1:hover {
	background-color: GhostWhite ;
	color: #1b1b1b ;
	border: 2px solid #4b2496 ;
}

.solid {
	border-style: solid ;
}

a {
	color: #33bbff ;
	text-decoration: none ;
}

body {
	padding: 50px 0px ;
	text-align: center ;
	font-family: "Helvetica",sans ;
}

article.solid {
	border-style: solid ;
	border-color: #33bbff ;
}

article {
	border-radius: 40px ;
	margin-left: 15% ;
	margin-right: 15% ;
}

footer {
	margin-top: 50px ;
	margin-bottom: 50px ;
	margin-left: 20% ;
	margin-right: 20% ;
}

h1,h2,h3,h4,h5,h6,footer {
	color: #4b2496 ;
	padding: 20px 0px ;
}

h3 {
	border-radius: 40px ;
}

img {
	display: block ;
	margin-left: auto ;
	margin-right: auto ;
	max-height: 400px ;
	max-width: 90% ;
	vertical-align: middle ;
}