/*# sourceMappingURL=custom.css.map */

.font-big {
	font-size: 44px;
}

.font-32 {
	font-size: 32px;
}

.font-heading {
	font-family:var(--bs-font-family-heading);
}

.fa.fa-twitter {
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}
.fa.fa-bluesky {
	font-family:sans-serif;
}
.fa.fa-bluesky:before {
    content: "\e671";
}

.svg-socials {
	width: 20px;
	filter: invert(.5);
}
.svg-socials:hover {
	cursor: pointer;
	filter: invert(1);
}

.svg-socials-white {
	width: 20px;
	filter: invert(1);
}
.svg-socials-white:hover {
	cursor: pointer;
	filter: invert(.5);
}

.post-card {
	font-family: var(--bs-font-family-heading);
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.4);
	left: 10%;
	padding: 20px 40px;
	border-radius:12px;
	width:65%;
	background-image: linear-gradient(to right, rgba(76, 155, 179, 0.1), rgba(76, 155, 179, 0.1));
}
.post-card h2 {
	margin-bottom: 0.2rem;
}	
.post-card h6 {
	margin-bottom: 0.2rem;
}	
.post-author {
	width:80px;
	border-radius:40px;
}

.post-image-center {
	display: block;

	margin-top: 20px;
	margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;

	max-width: 100%;
	height: auto;	
}

.post a {
	font-family: var(--bs-font-family-heading);
	font-size: 18px;
	font-weight: 400;

}

/* TAGS */

:root {
	--red:#ff3860;
	--red-dark:#ff1443;
	--red-light:#ff5c7c;
	--blue:#498afb;
	--blue-dark:#2674fa;
	--blue-light:#6ca0fc;
	--orange:#fa8142;
	--orange-dark:#f96a1f;
	--orange-light:#fb9865;
	--green:#09c372;
	--green-dark:#07a15e;
	--green-light:#0be586;
	--purple:#9166cc;
	--purple-dark:#7d4bc3;
	--purple-light:#a481d5;
	--yellow:#ffdd57;
	--yellow-dark:#ffd633;
	--yellow-light:#ffe47a;
	--pink:#ff4088;
	--pink-dark:#ff1c72;
	--pink-light:#ff649e;
	--gray0:#f8f8f8;
	--gray1:#dbe1e8;
	--gray2:#b2becd;
	--gray3:#6c7983;
	--gray4:#454e56;
  --gray5:#2a2e35;
  --gray6:#12181b;
  --nav-width:4em;
  --orange-pink:linear-gradient(to bottom right,var(--orange-light),var(--orange-dark) 85%);
  --green-grad:linear-gradient(to bottom right,var(--green-light),var(--green-dark) 85%);
  --background:var(--gray6);
  --text-color:var(--gray2);
  --h-color:#fff;
  --nav-shadow:4px 0 10px -3px #010101;
  --card-shadow:0 4px 8px rgba(0,0,0,0.38);
  --toc-shadow:rgba(0,0,0,0.7) 0px 10px 20px 0px;
  --nav-bg:var(--gray5);
  --tag-bg:var(--gray4);
  --code-bg:#22262f;
  --card-bg:var(--gray5);
  --overlay-bg:rgba(0,0,0,0.9);
  --h-border:2px dashed var(--nav-bg);
  --nav-border:2px dashed var(--text-color);
  --card-radius:0.25em;transition: all .3s ease
}

.tags {
	margin-bottom: 10px;
}

.tag {
	font-family: var(--bs-font-family-heading);
	font-size: 12px;
	font-weight: 400;
	display: inline-block;
	border-radius: 3px;
	padding: .2em .5em .3em;
	border-radius: 2px;
	background: var(--tag-bg);
	color: var(--text-color);
	margin: .25em .1em
}

h1.tag {
	margin-left: 0;
	margin-right: 0
}

.tag-sm {
	font-size: .7em;
	display: inline-block;
	letter-spacing: .15ch;
	font-weight: 400
}

.tag-lg {
	font-size: 1em;
	border-radius: 4px
}

.tag-bg {
	background: var(--background)
}

.tag-green,.tag-pro {
	background: var(--green);
	color: #fff
}

.tag-jwt {
	background: var(--purple);
	color: #fff
}

.tag-contrast {
	background: var(--text-color);
	color: var(--background)
}

.tag-delphi {
	color: #fff;
	background: #dc0530;
}

.tag-javascript {
	color: #000;
	background: #f0db4f;
}

.tag-rest {
	color: #fff;
	background: #2775c3;
}

.tag-neon {
	color: #00d8ff;
	background-image: linear-gradient(90deg,#222,#7409ed);
}

.tag-json {
	color: #12181a;
	background: #ffcb2b;
}

.tag-vue {
	color: #35495e;
	background: #41b883;
}

.tag-extjs {
	color: #46483d;
	background: #90c53f;
}

.tag-flutter {
	color: #003b6c;
	background: #54c5f8;
}

.tag-android {
	color: #fff;
	background: #a4c34a;
}

.tag-machine-learning {
	color: #fff;
	background: var(--purple-light);
}

.tag-linux {
	color: #084675;
	background: #f7c623;
}

.tag-daemon {
	color: #8ebee3;
	background: #373633;
}

.tag-auth {
	color: #fff;
	background: #850000;
}

.tag-blog {
	color: #fff;
	background-image: linear-gradient(90deg,#ff8901,#db1d5f);
}

.tag-ionic {
	color: #4a8afc;
	background: #fff;
}

.tag-graphql {
	color: #fff;
	background: #e10097;
}

/* TOC CARD */

.toc-card {
	box-shadow: 0 15px 20px 1px grey;
	background: rgba(255, 255, 255, 0.90);
	border-radius: 10px;
}

.toc-details {
	position: relative;
	text-align: left;
	overflow: hidden;
	padding: 15px;
	float: left;
	width: 100%;
	height: 100%;
}

.toc-details a {
	font-size: 14px;
}

.toc-details h1 {
	font-family:var(--bs-font-family-heading);
	font-size: 20px;
	color: #344055;
	margin-bottom: 12px;
}

.toc-details ul {
	font-family:var(--bs-font-family-heading);
	margin-bottom: 0;
}

.toc-details ul li {transition: 0.3s ease;}
.toc-details ul li:hover {transform: translateX(50px) scale(1.3);}

.toc-image {
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
	transition: all 0.3s ease-out;
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
/*
.toc-image:hover {transition: all 0.3s ease-out;}
.toc-image:hover {transform: scale(1.2, 1.2);}
*/