body, a {
	background-color: #f8dfdb;
	color: #fc221c;
	
	transition: all 0.2s ease;
}
.dark-mode, .dark-mode a {
  background-color: black !important;
  color: white !important;
}
#colorpicker {
	visibility: hidden;
	width: 1px;
	height: 1px;
}
label {
	cursor: pointer;
}
body {
	padding: 50px;
	font-family: 'Playfair Display', serif;
	font-size: 20px;
}
h1 {
	font-size: 8vw;
}
p, h2, h3, h4 {
	margin: 0px;
}


/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: calc(50% - 20px);
  padding: 10px;
}
.column img {
  margin-top: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
img {
	width: 100%;
}
@media only screen and (max-width: 1000px) {
	.column {
	  width: calc(100% - 20px);
	}
}