@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400&family=Oswald&display=swap');

html {
  font-size: 100%;
  /* 1rem = 10px */
}

body {
  /* IMG-0168.png */
  background: #000 url("https://www.michael8rown.com/images/IMG-0168.png") no-repeat fixed left bottom;
  background-size: cover;
  padding: 0 30% 50px 50px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}

header {
  padding:0px;
  margin-left: -40px;
  font-family: 'Oswald', sans-serif;
  font-size: 150%;
}

.post-title {
  font-family: 'Oswald', sans-serif;
  font-size: 200%;
  margin-bottom: 5px;
}

.post-title a {
  text-decoration: none;
  color: #000;
}

.post-title a:focus, a:hover {
  color: #ddd;
  text-decoration: none;
}

menu {
  color: #361E1C;
} 

menu a {
  color: #361E1C;
  text-decoration: none;
  border: 0 none;
}

a:hover {
  color:#800000;
}

article p:first-of-type {
	margin-top: 0.5rem;
}

footer {
  font-weight: 200;
}

#site-content-posts article {
	margin: 1em 0 4em;
}


#site-footer {
	color: var(--mike12);
	margin-bottom: 10em;
}

p {
  line-height: 1.8;
}

ul {
	list-style-type: none;
}

.collapsibleList li > input + * {
	list-style-type: none;
	display: none;
}
 
.collapsibleList li > input:checked + * {
	list-style-type: none;
	display: block;
}

.collapsibleList li > input {
	list-style-type: none;
	display: none;
}

.collapsibleList label {
	cursor: pointer;
}

.links {
	font-size: 100%;
}