html { 
	color-scheme: light dark; 
}

body { 
	width: 80%; 
	margin: 60px auto;
	font-family: 'Avenir Next', Avenir, Roboto, Tahoma, Verdana, Arial, sans-serif; 
}

h1 {
	font-weight:500;
	font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", monospace;
}

.card {
	width:80%;
	height:280px;
	padding:30px;
	background-color: hsla(30,40%,50%,10%);
}