html {
	scroll-behavior: smooth;
	background: rgb(220,248,255);
	background: linear-gradient(142deg, rgba(220,248,255,1) 0%, rgba(247,240,255,1) 50%, rgba(236,254,255,1) 100%);
}

a, a:hover{
	-webkit-transition: color .25s ease;
}

 hr {
 	border-width: 1px;
 	margin: 1em 0 1.5em 0;
 }

 blockquote {
	border: 1px solid #2d3748; /* border-grey-800 */
	border-left: 0;
	border-right: 0;
	padding: 2em 2em 1em 2em;
	margin: 1em 0 2em 0;
	font-weight: 600;
 }

.posts p a, #treatments .sections p a, #mechanisms p a {
	color: rgb(237,100,166);
}

.posts p a:hover, #treatments .sections p a:hover, #mechanisms p a:hover {
	-webkit-transition: text-shadow .25s ease;
	text-shadow: 0px 0px 1px rgba(213,90,149, .4);
}

.smooth-scroll {
	scroll-behavior: smooth;
}

#header::after {
	content: "";
	background-color: white;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.text-container {
	max-width: 65rem;
	margin: 0 auto;
}

.scrolling-content-container {
	max-width: 100rem;
	margin: 0 auto;
}

#treatments .sections {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#treatments .sections::-webkit-scrollbar { 
    display: none;
}

.landing-element {
	min-height: 0;
	padding-bottom: 5rem;
}

section p {
	padding-bottom: 1em;
}

footer a {
	color: rgb(244,171,206);
}

footer a:hover {
	color: rgb(237,100,166);
}

.opacity-5 {
	opacity: .5;
}

.opacity-3 {
	opacity: .3;
}

.opacity-1 {
	opacity: .1;
}

.card {
	border: 2px solid rgba(255, 255, 255, .6);
	border-radius: 1rem;
	background-color: rgba(255, 255, 255, .4);
}

.treatments .active, .mechanisms .active {
	color: rgb(237,100,166);
	text-shadow: 0px 0px 1px rgba(213,90,149, .4);
}

.active-secondary {
	color: rgb(152, 111, 234);
	text-shadow: 0px 0px 1px rgba(136,99,210, .4);
}

.ease {
	-webkit-transition: color .5s ease; 
}

.posts > .ease-shadow, .ease-shadow {
	-webkit-transition: box-shadow .5s ease; 
}

.ease-shadow:hover {
	/* value of shadow-lg */
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.text-pink {
	color: rgb(237,100,166);
}

.text-purple {
	color: rgb(152, 111, 234);
}

.text-purple-darker {
	color: rgb(136,99,210) 
}

.selected a {
	color: rgb(152, 111, 234);
}

.selected a:hover {
	color: rgb(136,99,210) ;
}

#nav-toggle {
	-webkit-transition: border-color .5 ease;
}

#nav-toggle:hover, #nav-toggle:active {
	border-color: rgb(237,100,166);
	color: rgb(237,100,166);
}

#nav-content > ul > li > a:hover {
	color:rgb(152, 111, 234)
}

.page-heading > span {
	background: linear-gradient(to right, rgba(152, 111, 234,.5), rgba(237,100,166,.5))
}

.page-heading > h1 {
	background: linear-gradient(to left, rgba(152, 111, 234,.5), rgba(237,100,166,.5));
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1.5px rgba(45, 55, 72, .3);
}

.emoji-purple {
	color: transparent;
	text-shadow: 0 0 rgb(152, 111, 234);
}

.emoji-pink {
	color: transparent;
	text-shadow: 0 0 rgb(237,100,166);
}


.transparent-white {
	border-top: 2px solid rgba(255, 255, 255, .6);
	border-bottom: 2px solid rgba(255, 255, 255, .6);
	background-color: rgba(255, 255, 255, .4);
}

ul.menu-left[title]::before {
    content: attr(title);
    padding: 1rem 1.5rem;
    font-weight: bold;
    font-size: 1.25rem;
    font-family: 'Bitter', 'Georgia', serif;
}

ul.menu-right[title]::before {
    content: attr(title);
    font-weight: bold;
    font-size: 1.25rem;
    padding-left: .5rem;
    font-family: 'Bitter', 'Georgia', serif;
}

.posts ul {
	list-style-type: disc;
	padding-bottom: 1em;
	margin: 0 2rem;
}
.posts ul li::marker {
	font-size:.75rem;
	color: rgb(152, 111, 234);
	margin: 0 .25rem;
}