:root {
	color-scheme: light dark;
	/* --background: #fff; */
	--background: rgb(223, 223, 223);
	--system-tag-transparent: rgba(229, 229, 234, 0.5);
	--system-tag-transparent-2: rgba(229, 229, 234, 0.6);
	--system-overlay: rgba(255, 255, 255, 0.5);
	--system-background: #fff;
	--button-border: rgba(166, 166, 166, 0.8);
	--home-background: linear-gradient(to right top, #ffffff, #f3f3f6, #e7e7ed, #dcdbe4, #d0cfdb, #cccad8, #c8c6d6, #c4c1d3, #c6c2d6, #c9c3d8, #cbc3db, #cec4dd);
	--text: #000;
}

html {
	/* font-family: "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; */
	
	color: var(--text);
	word-break: break-all;
	height: 100vh;
	background-color: var(--background);
}

body {
	margin: 0;
	padding: 0;
	background-color: var(--background);
}

a {
	text-decoration: none;
	color: var(--text);
}

.error {
	font-size: .9em;
}

.error a {
	font-weight: bold;
}

.heading a {
	margin: 0;
}

.heading {
	margin: 1.5em;
	margin-top: 2em;
	margin-bottom: 0;
	position: relative;
}

.heading h1 {
	margin: 0;
	margin-top: 0.1em;
	font-weight: bold;
}

.heading h2 {
	margin: 0;
	margin-bottom: 1em;
	/* 	margin-top: 0.1em; */
	font-size: 1.17em;
	font-weight: normal;
}

.heading_apple {
	max-width: 90px;
	width: 30%;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.heading_apple:hover {
	transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	-moz-transform: scale(1.03, 1.03);
}

.heading_button {
	font-size: 0px;
}

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

.system_main {
	margin: 0;
	margin-right: .5em;
	margin-left: .5em;
	margin-bottom: 1em;
	width: auto;
	border-radius: 4px;
	padding: 1em;
	background-color: var(--system-background);
	display: block;
}

.system_main .system_tag {
	background-color: var(--system-tag-transparent);
}

.system_main img {
	max-width: 150px;
	margin-bottom: .2em;
	width: auto;
}

.heading button {
	max-width: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
	background-color: var(--system-background);
	color: var(--text);
	border: none;
	outline: none;
	text-align: center;
	border-radius: 0.4em;
	padding: 1em;
	font-size: 14px;
}

.heading button:hover {
	background-color: var(--system-overlay);
}

.container_content {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: stretch;
	justify-content: center;
	margin: 0 auto;
	/* max-width: 1300px; */
	flex-wrap: wrap;
	height: auto;
	width: 100%;
}

.main_container {
	padding: 1em;
	padding-top: 0;
}

/* HOME */
/* .content_home {
	
} */

.content_home a {
	font-weight: bold;
}

.content_home .heading {
	position: relative;
	z-index: 3;
}

.home_icon {
	width: 30%;
	max-height: 60px;
	max-width: 60px;
	margin: 0;

	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	border-radius: 10px;
	display: inline-block;
	color: var(--text);
}

/* .home_icon svg {
	opacity: .4;
} */

/* .home_icon:hover {
	color: var(--text);
	background-color: var(--system-tag-transparent-2);
	border: 1px solid var(--system-tag-transparent-2);
} */

.home_socials {
	display: block;
	margin-bottom: 5px;
}

.content_home .heading_apple {
	width: 50%;
	max-width: 100px;
}

.content_home .mactych_link {
	color: var(--text);
	text-decoration: underline;
}

.content_home .system_tag {
	font-size: .9em;
	border: 1px solid var(--button-border);
	background-color: var(--system-tag-transparent-2);

	/* 	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s; */

	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.content_home .system_tag:hover {
	background-color: var(--system-tag-transparent);
}

/* .content_home .heading_apple {
	max-width: 80px;
	width: 100%;
} */

/* WALLPAPERS */
.apple_disclaimer {
	font-size: 12px;
	margin-top: 12px;
	max-width: 340px;
	word-break: break-word;
	display: inline-block;
	opacity: .2;
}

.wallpaper_preview {
	position: relative;
	margin: 0;
	margin-right: .5em;
	margin-left: .5em;
	margin-bottom: 1em;
	display: inline-block;
	width: 355px;
	height: 200px;
}

.wallpaper_preview img {
	border-style: none;
	border-radius: 1em;
	max-width: 100%;
}

.wallpaper_tag {
	margin: 1em;
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	font-weight: normal;
	font-size: .8em;
	color: #000;
	padding: .3125rem .5625rem;
	background-color: #e8e8ed5d;
	border-radius: 1rem;
	padding: .3125rem .5625rem;
	/* border: 1px solid rgba(255, 255, 255, 0.2); */
	/* border-color: #fff; */
}


/* .wallpaper_tag::before {
	filter: blur(8px);
	
	margin: 1em;
	content: " ";
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("/wallpaper/13-Ventura/macOS%20Graphic_thumbnail.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 254px;
} */

/* SYSTEMS */

.system_preview {
	margin: 0;
	margin-right: .5em;
	margin-left: .5em;
	margin-bottom: 1em;
	display: block;
	text-align: left;
	height: auto;
	width: 100%;
	max-width: 200px;
	padding: 1em;
	border-radius: 4px;
	position: relative;
	background-color: var(--system-overlay);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
}

.system_info {
	display: block;
	margin: 0;
}

.system_name {
	font-size: 1em;
	font-weight: normal;
}

.system_build {
	font-size: .5em;
	font-weight: normal;
}

.system_version {
	font-size: 1.5em;
	font-weight: 500;
}

.system_tag {
	margin: .1em;
	font-weight: normal;
	font-size: .8em;
	color: var(--text);
	background-color: var(--system-tag-transparent);
	border-radius: .25rem;
	padding: .3125rem .5625rem;
	display: inline-block;
}

.system_tag_text {
	margin-top: 6px;
	display: block;
}

.gentle {
	/* 	transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); */
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}


.system_main,
.system_preview,
.wallpaper_preview img,
.system_tag {
	border: 1px solid var(--system-tag-transparent);
}

@media (prefers-color-scheme: dark) {
	:root {
		/* --background: #000; */
		--background: rgb(30, 30, 30);
		--system-tag-transparent: rgba(229, 229, 234, 0.1);
		--system-tag-transparent-2: rgba(229, 229, 234, 0.2);
		--system-overlay: rgba(0, 0, 0, 0.5);
		--button-border: rgba(229, 229, 234, 0.1);
		--system-background: rgb(43, 43, 43);
		/* 		--home-background: linear-gradient(to right top, #0d0c1c, #121322, #151829, #191c30, #1c2137, #212239, #27223b, #2d223c, #341e36, #391a2f, #3c1727, #3d151e); */
		--home-background: linear-gradient(to right top, #000000, #070104, #0d020a, #100410, #100716, #130c1b, #14101f, #151324, #1a172a, #201b30, #261e36, #2d223c);
		--text: #fff;
	}

	.system_main,
	.system_preview,
	.wallpaper_preview img,
	.system_tag {
		border: 1px solid var(--system-tag-transparent);
	}
}

@media screen and (max-width:

	/*440px*/
	400px) {
	.system_main img {
		max-width: 100px;
	}

	.system_main .system_tag {
		text-align: center;
		display: inline-block;
	}

	.system_preview {
		max-width: 100%;
	}

	.system_main {
		width: 100%;
	}
}




/* show html once everything has loaded */
html {
	display: block;
}