/* Light Mode */
:root {
	--text: #000000;
	--link: #C2413F;
	--link_visited: #C2413F;
	--accent1: #333333;
	--accent2: #666666;
	--background: #ffffff;
	--code: #e3e3e3;
	--button-text: #ffffff;
	--blockquote: #fcf3ea;
	--note: #FFFF00;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	:root {
		--text: #f8f8f2;
		--link: #8be9fd;
		--link_visited: #8be9fd;
		--accent1: #f8f8f2;
		--accent2: #f8f8f2;
		--background: #282a36;
		--code: #44475a;
		--button-text: #282a36;
		--blockquote: #44475a;
		--note: #44475a;
	}
}




@font-face {
    font-family: 'Cardo';
    font-style: normal;
    font-weight: 400;
    src: local("Cardo"), local("Cardo-Regular"), url("//fonts.gstatic.com/s/cardo/v8/f9GbO0_LnwwuaRC6yAh0JKCWcynf_cDxXwCLxiixG1c.woff2") format("woff2"), url("//fonts.gstatic.com/s/cardo/v8/c6Zi_ulq7hv-avk-G9Yut6CWcynf_cDxXwCLxiixG1c.woff") format("woff")
}

@font-face {
    font-family: 'Cardo';
    font-style: normal;
    font-weight: 700;
    src: local("Cardo Bold"), local("Cardo-Bold"), url("//fonts.gstatic.com/s/cardo/v8/X-1BEHTKpRYzad3JEXy9-nYhjbSpvc47ee6xR_80Hnw.woff2") format("woff2"), url("//fonts.gstatic.com/s/cardo/v8/gHC1KgRPdVNdvvVcxLMCY3YhjbSpvc47ee6xR_80Hnw.woff") format("woff")
}

@font-face {
    font-family: 'Cardo';
    font-style: italic;
    font-weight: 400;
    src: local("Cardo Italic"), local("Cardo-Italic"), url("//fonts.gstatic.com/s/cardo/v8/aRpKelDgx13ov6asvC3QbgLUuEpTyoUstqEm5AMlJo4.woff2") format("woff2"), url("//fonts.gstatic.com/s/cardo/v8/mSKSxAIybPTfRoik7xAeTQLUuEpTyoUstqEm5AMlJo4.woff") format("woff")
}

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: local("Fira Sans"), local("FiraSans-Regular"), url("//fonts.gstatic.com/s/firasans/v5/EjsrzDkQUQCDwsBtLpcVQZBw1xU1rKptJj_0jans920.woff2") format("woff2"), url("//fonts.gstatic.com/s/firasans/v5/EjsrzDkQUQCDwsBtLpcVQbO3LdcAZYWl9Si6vvxL-qU.woff") format("woff")
}

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: local("Fira Sans Medium"), local("FiraSans-Medium"), url("//fonts.gstatic.com/s/firasans/v5/zM2u8V3CuPVwAAXFQcDi4Bampu5_7CjHW5spxoeN3Vs.woff2") format("woff2"), url("//fonts.gstatic.com/s/firasans/v5/zM2u8V3CuPVwAAXFQcDi4KRDOzjiPcYnFooOUGCOsRk.woff") format("woff")
}

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: local("Fira Sans Bold"), local("FiraSans-Bold"), url("//fonts.gstatic.com/s/firasans/v5/DugPdSljmOTocZOR2CItOhampu5_7CjHW5spxoeN3Vs.woff2") format("woff2"), url("//fonts.gstatic.com/s/firasans/v5/DugPdSljmOTocZOR2CItOqRDOzjiPcYnFooOUGCOsRk.woff") format("woff")
}

body {
    font: 500 2em / 1.3em 'Cardo', serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 118%;
	background: var(--background) url(https://letters-tweets.micro.blog/uploads/2024/background.jpg) no-repeat center center fixed;
	background-size: cover;
	overflow-x: hidden;
	min-height: 100vh;
	min-height: -webkit-fill-available;
}

.wrapper {
	max-width: 46em;
	background: var(--background);
	border-radius: 5px;
	border: 1px solid transparent;
	padding: 1rem 1rem;
}

.wrapper .site-header, .wrapper .page-content, .wrapper .site-footer {
	max-width: 40em;
	margin-left: auto;
	margin-right: auto;
}

header.site-header {
max-width: 46em;
	border-radius: 5px;
	border: 1px solid transparent;
	padding: 0rem 1rem;
	background: var(--background);
	margin-bottom: -1em;
}
.site-header a .profile_photo {
	background: var(--background);
	padding: 5px;
display:none;

}

@media screen and (min-width: 720px) {
	input, button { width: auto; };
}

@media (max-width: 640px) {
  body {
    background: var(--background);	
    font: 500 2em / 1.3em 'Cardo', serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 105% }
.wrapper {
	border: 1px solid transparent;
	padding: 0rem 0rem;
}
header.site-header {
	border: 1px solid transparent;
	padding: 0rem 0rem;
	margin-bottom: -.5em;
}
}
/* Change the blockquote font to Inconsolata */

@import url(https://fonts.bunny.net/css?family=inconsolata:400);

blockquote {
	font-family: "Fira Sans", 
		monospace, 
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		"Segoe UI Symbol";
    font: 400 1.1em / 1.4em 'Fira Sans', serif;
    font-size: 95%;
}

/* To increase or decrease the area around nav buttons in Tiny Theme, you'll need to adjust the line-height of the elements. The site uses these nav button styles in two areas: The nav bar and the comments/email buttons on single posts. I recommend changing both together in your custom.css. */

nav ul li, ul.reply-buttons li {
    line-height: 2em;  
    margin-right: 0.1em;
}