/* — General Fonts — */
body { font-family: ‘Lora’, serif; margin:0; padding:0; }
/* — HERO SECTION — */
.hero {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
text-align: center;
overflow: hidden;
}
.hero img {
width: 100%;
height: 80vh;
object-fit: cover;
display: block;
}
.hero .overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0,0,0,0.45);
padding: 50px 25px;
border-radius: 8px;
color: #fff;
max-width: 800px;
}
.hero h1 {
font-family: ‘Playfair Display’, serif;
font-size: 2.8rem;
line-height: 1.3;
margin-bottom: 15px;
}
.hero p {
font-size: 1.1rem;
opacity: 0.9;
}
.hero a {
display: inline-block;
margin-top: 25px;
padding: 10px 24px;
border: 1px solid #fff;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
font-size: 0.9rem;
}
/* — Featured Section — */
.featured {
padding:80px 20px;
text-align:center;
}
.featured h2 {
font-family:’Playfair Display’, serif;
font-size:2rem;
margin-bottom:10px;
}
.featured p {
font-size:1rem;
color:#666;
}
.featured .grid {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(280px,1fr));
gap:30px;
margin-top:40px;
}
.featured img {
width:100%;
border-radius:8px;
}
/* — Blog Updates Section — */
.blog-updates {
padding:80px 20px;
background:#f9f9f7;
}
.blog-updates h2 {
font-family:’Playfair Display’, serif;
text-align:center;
font-size:2rem;
}
.blog-updates p {
text-align:center;
color:#666;
}
.blog-updates .grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
margin-top:40px;
}
.blog-updates article {
background:#fff;
padding:20px;
border-radius:10px;
}
.blog-updates article img {
width:100%;
border-radius:8px;
}
.blog-updates article h3 {
font-family:’Playfair Display’, serif;
margin-top:15px;
}
.blog-updates article p {
color:#555;
margin-top:10px;
}
/* — Photography Gallery — */
.gallery {
padding:80px 20px;
text-align:center;
}
.gallery h2 {
font-family:’Playfair Display’, serif;
font-size:2rem;
margin-bottom:10px;
}
.gallery p {
color:#666;
font-size:1rem;
}
.gallery .grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:15px;
margin-top:40px;
}
.gallery .grid img {
width:100%;
border-radius:6px;
}
/* — Lifestyle / Personal Section — */
.lifestyle {
padding:80px 20px;
background:#fdfcf9;
text-align:center;
}
.lifestyle h2 {
font-family:’Playfair Display’, serif;
}
.lifestyle p {
max-width:600px;
margin:20px auto;
color:#666;
}
/* — About Snippet — */
.about-snippet {
padding:80px 20px;
text-align:center;
}
.about-snippet img {
width:100px;
border-radius:50%;
margin-bottom:15px;
}
.about-snippet p {
max-width:600px;
margin:auto;
color:#444;
}
/* — Subscribe Section — */
.subscribe {
padding:60px 20px;
text-align:center;
background:#f1f0ee;
}
.subscribe input[type=”email”] {
padding:10px 15px;
width:250px;
border:1px solid #ccc;
border-radius:4px;
}
.subscribe button {
padding:10px 20px;
border:none;
background:#000;
color:#fff;
cursor:pointer;
}
/* — Footer — */
footer {
padding:40px 20px;
text-align:center;
color:#777;
font-size:0.9rem;
}
/* — Responsive — */
@media(max-width:1024px){.hero img{height:70vh}.hero h1{font-size:2.2rem}}
@media(max-width:768px){.hero img{height:65vh}.hero .overlay{padding:35px 20px}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}}
@media(max-width:480px){.hero img{height:60vh}.hero h1{font-size:1.5rem}.hero p{font-size:0.95rem}.hero a{font-size:0.85rem;padding:8px 18px}}
Sometimes, the journey isn’t about where you go — but what you feel along the way.
Stories from the road, from my lens, and from life.
Read the Latest Story
From the Journal
Notes, musings, and stories from everyday wanderings.
The Road Less Taken
Reflections from an unplanned journey through forgotten lanes…
The Stillness of Mornings
Where quiet moments tell louder stories than the roads ever could.
Frames & Feelings
A glimpse of the world through my camera — sometimes raw, sometimes still.
Life Between Journeys
Because stories don’t end when the trip does.
Hi, I’m Shareen — a storyteller who travels with a camera and an old journal. Here, I collect memories, write letters to moments, and share the art of slowing down.
Read My Story
Stay in the Loop
Get slow stories, visual diaries, and travel musings straight to your inbox.
Subscribe
© 2025 Girl Going Places | Crafted with stories & slow coffee ☕
Girlgoingplacess 