body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

p {
	margin: 5px 0;
}

.AppMain {
	margin: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Inter', sans-serif;
	height: auto;
}
.App {
	margin: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Inter', sans-serif;
	height: 95%;
}

.stories {
	filter: drop-shadow(0 20px 30px #aaa);
}

.left {
	display: flex;
	flex-direction: column;
	margin-right: 10rem;
	justify-content: flex-start;
	max-width: 400px;
}

.seeMore {
	padding: 2rem;
	color: #16161d;
	background: white;
	height: -webkit-fill-available;
}

.seeMore input,
.seeMore textarea {
	display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 0.8rem;
	margin-bottom: 0.7rem;
	width: -webkit-fill-available;
	transition: filter 300ms ease-in-out;
	font-size: 0.8rem;
	font-family: inherit;
}

.seeMore input:focus,
.seeMore textarea:focus {
	outline: none;
	filter: drop-shadow(0 2px 5px #ccc);
}

.seeMore button {
	display: block;
	margin: auto;
	margin-top: 1rem;
	background: #16161d;
	filter: drop-shadow(0 3px 5px #ccc);
	color: snow;
	border-radius: 5px;
	border: none;
	width: 200px;
	padding: 0.5rem;
	font-size: 1rem;
	transition: filter 300ms ease-in-out;
}

.seeMore button:focus {
	outline: none;
}

.seeMore button:hover {
	cursor: pointer;
	filter: drop-shadow(0 5px 5px #aaa);
}

.seeMore a {
	display: block;
	font-size: 0.8rem;
	width: fit-content;
	margin: auto;
	margin-top: 2rem;
}

code {
	font-family: 'Source Code Pro', monospace;
}

.updates {
	max-height: 30vh;
	overflow: scroll;
}

.updates p {
	margin: 2px;
}
@media only screen and (min-width: 768px) {
	.intro {width: 100vw; text-align:center; margin-bottom: 50px; text-align: -webkit-center;}
	.intro p {max-width:650px;}
	.edition {
		width:100%;
		padding-left:10%;
	}
}
@media only screen and (max-width: 768px) {

	.intro {width: 100vw;padding-top:50px; text-align:center; margin-bottom: 50px;}
	.App {
		flex-direction: column;
		justify-content: flex-start;
		margin: 0px;
		-webkit-touch-callout: none;                
-webkit-text-size-adjust: none;            
-webkit-user-select: none;
user-select:none;
	}
	.stories {width: 95vw; height:75%; margin-top:10px;margin-bottom:10px;
		-webkit-touch-callout: none;                
-webkit-text-size-adjust: none;            
-webkit-user-select: none;
user-select:none;
	}
	.left {
		max-width: 100%;
		margin: 0;
		margin-bottom: 2rem;
	}
	
}

.postCard {
border-radius:2px;
	padding: 30px;
	width: 100%;
    height: 150px;
	position:relative;
	width: 30vw;
	max-width: 300px;
	min-width:270px;
	background-size: cover;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
}
.stories a {
	color:white;
	font-weight: 900;
	font-size:22px;
	text-decoration: none;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 35%);
	margin-right:15px;
	margin-left:15px;
	margin-bottom: 50px;

}

.stories {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
justify-content: center;
}

.postTag {
	position: absolute;
	bottom: 20px;
	border-radius: 10px;
	padding:5px 10px;
	font-size: 15px;
}



#readmore { 
	font-size: 15px;
    padding: 5px;
    text-decoration: underline;
    position: absolute;
	right: 20px;
    bottom: 15px;
}

#supplements {background-color: #FDAE11;}
#recipes {background-color: #e65f5f;}
#nutrition {background-color: #54816B;}
#comingsoon {background-color: #000000;font-size:22px;}
#lifestyle {background-color: #000000;}

#bbq {
	background-image: url("https://cdn.shopify.com/s/files/1/0094/2925/4223/files/mike-kilcoyne-_Mw0_ayYPl0-unsplash_1_1.jpg?v=1656668926");
}

#alcohol {
	background-image: url("https://cdn.shopify.com/s/files/1/0094/2925/4223/files/mae-mu-GmoLpEYLpe8-unsplash_1_1.jpg?v=1656668926");
}

#foodship {
	background-image: url("https://cdn.shopify.com/s/files/1/0094/2925/4223/files/anna-pelzer-IGfIGP5ONV0-unsplash_1_1.jpg?v=1656667704");
}

#sale {
	background-image: url("https://cdn.shopify.com/s/files/1/0094/2925/4223/files/email-drop-midsummer-sale-banner-4_1.jpg?v=1656779602");
}

#collagen {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/5856bce4-80b5-41e5-ac5a-814f206c313a.png");
}
#lost {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/f0b2fd06-c3c0-4c6c-b94a-6063ffb8e404.png");
}
#healthbeauty {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/5362f205-5c9e-48bf-b2e9-65b5f4088509.jpeg");
}
#collagenrecipe {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/c602c4a7-b0bd-4a79-b7b9-31c24633501d.png");
}
#aroma {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/c79e25c3-3f89-4ee3-8562-9ead02c5d41a.png");
}
#alcohol-sleep {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/5790ec61-90dd-4296-9d79-27bf33d16748.png");
}
#selfcare {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/ae6a44f9-3b17-4eba-9c10-70ed1f250e8a.png");
}
#chia {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/41b4af6d-7a06-4eaa-8cd0-c68641c46de3.png");
}

#holistic {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/f6505a9a-58a9-476a-89e5-c25d427ffaaa.png");
}
#fitness {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/37735417-1b93-470c-99c8-4b8747fa0b39.png");
}
#toxic {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/f74ae55b-07c1-469d-be00-015c46c07f57.png");
}

#gut {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/c609c27a-74da-433e-b99d-cdd3618af846.jpeg");
}
#caffeine {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/46f64881-1df5-48d3-b809-7c884bbaa436.jpeg");
}
#salad {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/020cd2cd-9200-477e-876b-5bd2e8ae136a.jpeg");
}

#bones {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/c30f14e7-df2d-409f-b0c2-f1950449d945.jpeg");
}
#calcium {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/313998bb-f85c-4b06-8210-ff902ca606d8.jpeg");
}
#vitamind {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/0aaaacf3-2cac-4638-8db2-04e218ce0317.jpeg");
}
#weight {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/5482fbb0-6337-4ab4-bd0d-b4facf395b37.jpeg");
}

#cogniplex {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/f767b7eb-3db2-48df-afd6-7607716a71eb.jpeg");
}
#energy {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/5e6d3e19-b7c7-43d1-9ddb-7788d0a8d620.jpeg");
}
#levels {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/9e602088-2abb-4056-8456-a06e7f62149b.jpeg");
}

#digestion {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/65cff206-1bb5-44b0-a419-dde52acbdd75.jpeg");
}
#senior-tips {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/90c6da46-3255-4cb7-8495-8276a3a6defe.jpeg");
}
#cognitive {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/cf6fbd67-d990-4c77-aaef-20d026abdd1f.jpeg");
}
#aging {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/63e4861e-6f6b-462b-84c2-d559fcbb7ff7.jpeg");
}

#joint-support {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/9645515a-437f-4730-bde2-8abbb0b53030.jpeg");
}

#tvsc {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/c5580a3d-f6ef-4969-9572-40829e472138.jpeg");
}

#try-turmeric {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/d15a6267-68af-412a-83d6-04667ef66d2f.jpeg");
}

#plant {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/9391acff-ed6b-4553-8e70-c3d715cefeb9.png");
}
#leftover {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/8f947473-4583-43fa-9d7d-7cf87fa8a692.png");
}
#latenight{
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/cd8c1baa-2d92-4701-8ed2-4ba365c2515e.png");
}
#labor {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/a7313f1a-de98-4e09-ab16-621b99fd3413.jpeg");
}


#stacking {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/06a5286c-e14e-45e1-8ebb-5bff6109e0b3.png");
}
#habits3{
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/e392db01-df14-441f-a206-5da6b5e46998.png");
}
#step5 {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/eee9943d-d39c-434c-ac9b-bd12c7bfd717.png");
}

#scalphealth {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/791df3ac-70ae-4d14-bbdf-00ce49de97a0.png");
}
#beautyfood{
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/24441c60-26f2-4fe4-a8aa-867c99cc086d.png");
}
#hair {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/053fc742-a333-4a1b-b9cd-42a4c3e6c84c.png");
}

#celebrity {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/92bfd7a0-1c28-4b84-a710-a9a40c0f90c2.png");
}
#hot-cold-digestion{
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/f82d3634-b6c5-422b-8f8a-fad2af20bbf8.png");
}
#hunger-cues {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/45971eb8-2108-4aab-b7de-79efa5a9ce1b.png");
}

#benefits-collagen {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/aef8057b-3d6c-44be-b458-b9edfbf21864.png");
}
#collagen-rich{
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/58cc43e1-905b-4f2a-a95a-c5903c5f491f.png");
}
#deplete-collagen {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/d0f56fe7-da19-4cc3-8107-46758b95830e.png");
}

#magnesium {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/caa7c5fe-3812-476f-a139-a18a032fef70.png")
}

#magnesium-sleep {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/1674c581-6172-4756-88d8-2a481c8d71af.png")
}

#magnesium-age {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/4836c2c3-e392-4f0c-bb0b-c7d8783dfb45.png")
}

#body-shape {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/4c3e6abb-1aad-46d9-a4b9-0d31d06684d3.png")
}

#fall-workout {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/b6513cc6-05f0-4a90-95e0-12febf636e0e.png")
}

#soluble {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/64ef20d1-ad0e-48d0-9faa-cba96dd6b8fd.png")
}

#why-supplements {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/c964eb6a-9d8d-4873-9cd6-0c0196c9e8f9.png")
}

#farmers {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/f6c50a58-6ea4-44eb-98fe-927f3162e0be.png	")
}

#deficiencies {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/96904f41-74fa-4116-b0fc-61d7525eceb5.png")
}

#halloween {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/226d4f2a-7caa-432d-b069-e2c681e0615d.jpeg")
}

#creativity {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/581ce270-c9cd-4a48-9c88-cd31f85d5d16.jpeg")
}

#autumn-anxiety {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/a8d1f5af-0953-4baf-b33b-757c53cd246f.jpeg")
}

#thanksb {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/b77f0309-f992-4edb-b897-562c6f66c559.png")
}

#thanksr {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/75825bea-bd30-4449-abb4-df81a4a8bba3.png")
}

#thanksf {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/7b0ffb49-fc26-4e73-8d23-2e9ca854da49.png")
}

#trends {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/ce16e586-5f8b-4922-b0c7-773032a4907c.png")
}
#ftrends {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/3b3403b2-0ace-4e0e-b7ea-133eaa4988cc.png")
}
#btrends {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/49edf6b0-5f4f-4023-a371-d130726b0f32.png")
}
#strends {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/883cbc90-5881-4a1e-889f-03fcb42ee7b0.png")
}
#mindfulness {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/aa6febec-460b-4d0c-b67e-9ce2c8c57d80.png")
}

#stages {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/a1ed09ee-9c4e-4077-9240-35e683676a42.png")
}

#building {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/48a40258-0d3b-4897-982b-4b2a8638ae97.png")
}

#longer {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/a578cd87-7b5a-4aa6-bb6d-f457c2fd47b8.png")
}

#jointscold {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/26ecb1f0-3ad6-4d5c-aafc-36612f1f876d.png")
}

#jointsexcercise23 {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/1ba1c8a6-1f42-4af5-b5d3-90bb7b9bb46d.png")
}

#jointswinter {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/6b179a58-83c2-4c32-8b34-330eae31285a.png")
}

#holistic23 {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/04488187-9aa1-4b8c-aec2-26813b954994.png")
}

#pillars {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/13fe1e0b-45c0-48f2-8e94-fb6ea99277ac.png")
}

#ayurvedic {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/aba3ad3e-2a3c-407f-9d9d-8bc29654234f.png")
}

#health-together {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/c479b93d-0329-4192-8048-5dc313bb5b9e.png")
}

#affection {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/d4f9730e-7f2e-49eb-acba-f45e3604de4c.png")
}

#love-language{
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/NyQx3x/images/b3a72984-32e3-46ca-b6a4-23bbdd1abb05.png")
}