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;}
}
@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;
}

#ingredients {background-color: #f9705e;}
#routines {background-color: #2b3d4c;}
#skincare {background-color: #85ACA4;}
#comingsoon {background-color: #000000;font-size:22px;}


#Acne {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/0ba54fea-05c8-4b32-9301-6ac653f82160.png");
}

#Sleep {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/ed133cde-86fc-4e15-9b4f-69f2f7d9aba3.png");
}


#Bff {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/1ae00ada-c665-4733-82be-bf340722b24c.png");
}

#Ten {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/69ae7fdb-df40-4ffe-9498-7d057bec60db.png");
}

#Harmful {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/ecee101e-aeff-4c9b-b7b8-1d2466d2a2cd.png");
}

#GuideC {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/7a40d9ea-de32-4325-abd0-432ff58a5c84.png");
}

#barrier {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/551c4f6c-8608-4a1c-b78a-b84a008a1e0d.png");
}

#older {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/906bb2a8-d86d-47ba-835c-c993f011fb7c.png");
}

#vegan {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/991e6184-d690-4c21-ba55-92651823036c.png");
}

#squalane {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/d019ed7c-ac59-4f02-8cb9-9b3452473b56.png");
}

#antiage {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/3b3fb97c-1193-4461-950f-b54015cd1f1e.png");
}

#skintype {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/2d52fee8-1d1e-49d3-8a7d-8b324073289d.png");
}

#guide {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/374ba1a6-99ff-4cfb-8bf7-6f6c71617e2b.png");
}

#notworking {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/6502f4ce-f2a4-4459-bf7d-05ca6a520d47.png");
}

#bestacids {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/a8f58f77-7053-4c99-a658-2cfd7a295f7a.jpeg");
}

#stepbystep {
	background-image: url("https://cdn.shopify.com/s/files/1/0516/4079/5318/products/Face-Scrub_product-banner_lifestyle_480x480.jpg?v=1648974589");
}

#Feet {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/2aa5771e-f1ff-4aeb-ab0b-0c669ccf1b4a.png");
}

#coffee {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/56c11d65-5040-48f5-aa3c-c49982273c10.png");
}

#trends {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/3aff854e-83e3-4edf-9609-313780149e40.jpeg");
}

#wfh {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/2cd3b5d7-dcf3-481d-9712-aa633c3e8316.jpeg");
}

#exfoliate {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/83d6d9b9-85e0-4479-b996-083090577da5.jpeg");
}

#hyaluronic {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/bf08c72a-c9af-4fa8-be6c-59d0f56ea2fc.png");
}

#undereye {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/0869f65d-540e-47a3-acac-e30ad8d4dcc0.jpeg");
}

#bodycream {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/8eeee870-119c-4791-8669-71571ab3a455.jpeg");
}

#essential {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/f3fb2c48-822b-4c9a-ac03-09288d800f68.jpeg");
}

#retinol {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/85859375-b741-43ed-b567-0c6954d8e173.jpeg");
}

#decoded {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/818ce52c-b234-4814-99d9-1c7641c76651.jpeg");
}

#fall {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/dfd0477c-2e6e-415e-8fe0-7841740a905a.jpeg")
}

#scalp {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/8990337b-c9ff-441b-baa9-9a228d5ac64a.jpeg");
}

#supplements {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/bc52afb8-58cd-4e46-8c56-2c58ae30c3d4.jpeg")
}

#vitamin-collagen {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/5cac4f93-0deb-4d2a-b502-3028bc16457b.jpeg")
}

#mandelic {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/2d4e20c5-3a04-47f7-9c14-fe02595c3d7e.png")
}

#castor {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/2cf6d03b-79f1-4d4e-971f-834e86363bde.jpeg")
}

#overnight {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/5632ad91-eab1-4aa7-b5db-c2c6c2bfb209.jpeg")
}

#personalized {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/c2af173b-3e4d-42d8-804b-786e24dd86e0.jpeg")
}

#trends23 {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/c0d7263b-690f-4a2e-9b92-cd85bd54211e.jpeg")
}

#collagen5 {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/dd862a94-a539-439e-bbcf-90e2c8a04bf5.jpeg")
}

#wintertips {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/9c916ac0-7673-43ed-a4cd-36cb691e6604.png")
}

#creasons {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/0e92deeb-b7f7-4596-8c38-acdc348f708d.png")
}

#complexion {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/2ed05848-7e5d-4645-98fb-225561929a78.png")
}

#bluelight {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/646e8b59-d1de-42f6-aeff-539b7162d0e0.png")
}
#overnight {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/f7fd695c-9ec7-4f0b-a1b2-0608f66cf482.png")
}
#ethical {
	background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/RWcYRT/images/c1e49249-c3d7-4a37-84e9-6da3d48e3728.png")
}