@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Kalam:wght@300;400&display=swap');

html {
	scrollbar-width: thin;
}

body {
	font-family: Georgia, serif;
	overflow-x: hidden;
	font-weight: 300;
	font-style: normal;
	font-size: 12px;
	line-height: 1.2rem;
	color: #5b5049;
}

h1 {
	font-family: "Kalam", serif;
	font-size: 140%;
	font-weight: normal;
	position: relative;
	border-bottom: 3px double brown;
}

h2 {
	font-family: "Kalam", serif;
	font-size: 120%;
	font-weight: normal;
	border-bottom: 1px dotted #a52a2a;
	margin-top: 1.5rem;
}

img {
	max-width: 100%;
}

a {
	color: brown;
}

.sepia {
	transition: all 0.3s;
	filter: sepia(0.6) contrast(0.7);
}

.sepia:hover {
	filter: unset;
}

.width-50 {
	max-width: 50%;
}

img {
	border-radius: 4px;
}

table {
	border-collapse: collapse;
}

th, td {
	padding: 6px 12px;
    vertical-align: top;
}

th {
	background: #e6dbc4;
}

.width-50 {
    width: 50%;
}