body {
	background: #947b6c;
	font-family: Sans-serif;
}
body h1:first-letter,
body p:first-letter {
	color: green;
}
body p {
	line-height: 2em;
}
h1 {
	color: white;
}
html {
	height: 100dvh;
}
p {
	color: navy;
}
p:last-child {
	color: yellow;
}
.absolute {
	position: absolute;
}
.block {
	display: block;
}
.center {
	text-align: center;
}
.fit {
	width: fit-content;
}
.fixed {
	position: fixed;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.full {
	width: 100%;
}
.hidden {
	display: none;
}
.hide-x {
	overflow-x: hidden;
}
.hide-y {
	overflow-y: hidden;
}
.left {
	text-align: left;
}
.margin {
	margin: 1rem;
}
.margin-auto {
	margin: auto;
}
.overflow {
	overflow: auto;
}
.overflow-x {
	overflow-x: auto;
}
.overflow-y {
	overflow-y: auto;
}
.padded {
	padding: 1rem;
}
.pointer {
	cursor: pointer;
}
.relative {
	position: relative;
}
.right {
	text-align: right;
}
.sticky {
	position: sticky;
}
.underline {
	text-decoration: underline;
}
.wide {
	max-width: 1200px;
}
@media (max-width: 768px){
	h1 {
		color: black;
	}
}