body{
	font-family: "Consolas", "Monaco", "Lucida Console", "Courier New", Courier, monospace;
	background-color: #1e1e2e; /* Catpuccin mocha official background color */
	color: #cdd6f4; /* Catpuccin mocha official text color */
}

header {
	position: sticky;
	top: 0;
	z-index: 100;
	
	background-color:  #1e1e2e;
}
header ul {
	padding: 10px;
	text-align: center;
	list-style-type: none;
}
header li {
	display: inline;
	margin-right: 10px;
}

main {
	width: 50%;
	margin: 0 auto;
}

footer {
	padding: 10px;
	text-align: center;
}

@media screen and (max-width: 768px){
	main {
		width: 100%;
	}
}



h1 {
	font-size: 2em;
}

a {
	color: #89dceb;
	text-decoration: none;
}
a:hover {
	color: #74c7ec;
}

.site-button {
	background-color: #131824;
	color: white;
	padding: 5px;
}

.mini {
	font-size: 0.8em;
}

.center {
	text-align: center;
}

.emoji {
	width: 1em;
  	height: 1em;
  	object-fit: contain;
  	overflow: hidden;
}


/* Markdown styles (by me) */

h1::before {
	content: "# ";
	opacity: 0.5;
}
h2::before {
	content: "## ";
	opacity: 0.5;
}
h3::before {
	content: "### ";
	opacity: 0.5;
}

/* Italic text */
i::before, i::after, em::before, em::after {
	content: "*";
	opacity: 0.5;
}

/* Bold text */
b::before, b::after, strong::before, strong::after {
	content: "**";
	opacity: 0.5;
}

/* Deleted text */
s::before, s::after, del::before, del::after {
	content: "~~";
	opacity: 0.5;
}

/* Highlighted text */
mark::before, mark::after {
	content: "==";
	opacity: 0.5;
}

/* List style */
li {
	list-style-type: '- ';
}