- 12月 20 週六 202515:22
12/28 樹林藝文中心演藝廳見!SunnyYummy 全家參加「銅管村嘉年華」
- 12月 10 週三 202522:23
SunnyYummy 決定要去參加一場超棒的 「惜惜二手創意市集」 啦!

哈囉大家好,我是亞米媽媽!👋這次我們要宣布一個大消息——SunnyYummy 決定要去參加一場超棒的 「惜惜二手創意市集」 啦!🎉 亞米(姐)跟安娜(妹)都超級期待,因為我們準備了非常多好東西要跟你們分享。這次的 「鎮攤之寶」 就是影片裡這個——蒙眼扭扭樂!😵💫 你們看亞米跟安娜玩成一團就知道有多好笑,戴上眼罩只能用摸的找形狀,真的比普通版還要刺激好玩,非常適合 8 歲以上的大小朋友一起同樂喔,趕快來把它帶回家!
- 12月 04 週四 202502:50
【亞米一家GO】新竹小叮噹科學園區兩天一夜!超爆笑滑雪特訓+生活大師會館住宿心得,新手也能變身滑雪高手?
/* 全局設定 */
:root {
--primary-color: #008080; /* 清新藍綠色 */
--accent-color: #ff9f43; /* 溫暖橘黃 */
--bg-color: #f9fbfd;
--text-color: #2d3436;
--card-bg: #ffffff;
--shadow: 0 10px 20px rgba(0,0,0,0.08);
}
body {
margin: 0;
padding: 0;
background-color: var(--bg-color);
font-family: "Microsoft JhengHei", "PingFang TC", "Helvetica Neue", sans-serif;
color: var(--text-color);
}
/* 文章容器 - 不設定 max-width: 800px,改用響應式邊距 */
.article-container {
width: 100%;
max-width: 1100px; /* 給予一個較寬的上限以防在大螢幕過於拉伸 */
margin: 0 auto;
padding: 40px 20px;
box-sizing: border-box;
background-color: #fff;
box-shadow: 0 0 40px rgba(0,0,0,0.03);
}
/* 處理使用者原始的 inline style */
.article-container span[style*="font-size:22px"] {
line-height: 1.8;
display: inline-block; /* 增加閱讀舒適度 */
}
/* 圖片美化 */
.article-container img {
max-width: 100%;
height: auto;
border-radius: 12px;
box-shadow: var(--shadow);
display: block;
margin: 30px auto;
transition: transform 0.3s ease;
}
.article-container img:hover {
transform: scale(1.01);
}
/* 隱藏無用的空按鈕 (原始碼中的 artifact) */
.article-container button.button {
display: none;
}
.source-inline-chip-container {
text-align: center;
margin: 20px 0;
}
/* 標題樣式 */
.article-container h3 {
font-size: 28px;
color: var(--primary-color);
border-bottom: 3px solid var(--accent-color);
padding-bottom: 10px;
margin-top: 50px;
margin-bottom: 30px;
font-weight: 800;
text-align: center;
}
.article-container h4 {
font-size: 24px;
background: linear-gradient(to right, rgba(0, 128, 128, 0.1), transparent);
border-left: 6px solid var(--primary-color);
padding: 15px 20px;
margin-top: 40px;
margin-bottom: 20px;
color: #2c3e50;
border-radius: 0 8px 8px 0;
}
/* 列表與引用樣式 */
.article-container ul {
list-style: none;
padding-left: 0;
}
.article-container ul li {
position: relative;
padding-left: 30px;
margin-bottom: 15px;
line-height: 1.8;
}
.article-container ul li::before {
content: " ";
position: absolute;
left: 0;
color: var(--primary-color);
font-weight: bold;
}
/* 特別針對課程內容的列表樣式 (巢狀列表) */
.article-container ul ul {
margin-top: 10px;
background-color: #f1f8f8;
padding: 15px 20px 15px 40px;
border-radius: 8px;
}
.article-container ul ul li::before {
content: " ";
color: var(--accent-color);
font-size: 1.5em;
line-height: 1rem;
top: 5px;
}
/* 引言/對話樣式 (針對 citation classes) */
span[class^="citation-"] {
background-color: #fff8e1;
padding: 2px 6px;
border-radius: 4px;
color: #d35400;
}
/* 分隔線 */
hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 128, 128, 0.75), rgba(0, 0, 0, 0));
margin: 50px 0;
}
/* 資訊卡片樣式化 (針對課程選擇部分) */
p:has(strong) + ul {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 25px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
margin-bottom: 30px;
}
/* 針對亞米媽媽小補帖區域的特別樣式 */
h3[data-path-to-node="26"] {
background-color: var(--primary-color);
color: white;
padding: 15px;
border-radius: 10px;
border-bottom: none;
}
/* 響應式設計調整 */
@media (max-width: 768px) {
.article-container {
padding: 20px 15px;
}
/* 覆蓋原本過大的 inline font-size */
.article-container span[style*="font-size:22px"] {
font-size: 18px !important;
}
.article-container h3 {
font-size: 22px;
}
.article-container h4 {
font-size: 20px;
}
}
- 11月 22 週六 202517:47
【台北南港美食】北流卡夫卡 Kafka by the TMC|音樂迷必朝聖!超浮誇CD牆、脆皮德國豬腳必吃,太嗨啦!(feat. 亞米&安娜)
- 11月 18 週二 202513:29
媽媽們快收藏!板橋最新放電天堂「花語森林」
每次到了假日或下雨天,是不是又開始煩惱「今天到底要帶孩子去哪放電」了呢?別擔心!你們的親子景點探測雷達——亞米媽媽,又發現了一個全新的秘密基地,保證讓孩子們玩到電力耗盡,一上車就秒睡!
就是位在板橋小遠百8樓,熱騰騰全新開幕的——「花語森林」!
▲ 姊妹倆一進來就興奮到不行啦!
一踏進這個佔地超過一千平方公尺的樂園,亞米和安娜的眼睛瞬間變成星星狀!琳瑯滿目的設施看得我們眼花撩亂,話不多說,快跟著我們一起來看看裡面到底有多好玩吧!

第一站:挑戰極限!空中繩網迷宮
這裡最吸睛的絕對是這個超壯觀的空中繩網設施!一換上專業的裝備,戴上安全帽,亞米瞬間變身成小小探險家!
▲ 小小探險家準備出發!
這個設施真的不是蓋的,有好幾層樓高,結合了攀岩、獨木橋和各種障礙挑戰。看著亞米小心翼翼又勇敢地一步步往前走,媽媽我在底下看得既緊張又驕傲!這不只放電,還能大大訓練孩子的膽量和身體協調性呢!
▲ 每一步都是全新的挑戰,加油!

第二站:變身黃金小農夫!玉米工廠球池
玩完了刺激的空中探險,我們轉戰到這片黃澄澄的玉米海!天啊,這區真的太可愛了!整個球池都是飽滿的黃色玉米球,旁邊還有超酷的「生產線」可以玩。
▲ 被這片黃金玉米海療癒了~
孩子們可以把玉米球放上輸送帶,看著它們被運送到穀倉裡,再透過機關嘩啦啦地倒出來,光是這個流程,亞米和安娜就玩得不亦樂乎,完全沉浸在自己的小農夫世界裡!

▲ 「這麼多玉米...晚餐該吃什麼好呢?」

第三站:跳到外太空!蹦床 & 海綿方塊池
動態活動當然少不了蹦床區!這裡根本是孩子們解放天性的地方,看著她們在上面盡情彈跳,笑聲傳遍整個場館,這就是最棒的親子時光了!
跳累了也沒關係,旁邊就是超療癒的「海綿方塊池」!直接躺平,被柔軟的方塊包圍,看亞米這舒服又有點搞怪的表情就知道有多享受了~

▲ 媽媽,我快被方塊淹沒啦!
第四站:尖叫聲預備!乾雪甜甜圈滑梯
全場最刺激的設施來了!就是這個需要乘坐甜甜圈泳圈滑下來的「乾雪滑梯」!從高處一口氣滑進藍色的球池海裡,速度感十足,連我都忍不住想玩了!
▲ 媽媽先幫妳們試玩一下,真的超好玩!
第五站:小小廚神&科學家時間
玩累了需要靜態一點的活動嗎?沒問題!這裡也有超可愛的扮家家酒廚具區,讓孩子們化身小小廚神,煮一頓豐盛的(空氣)大餐!
▲ 今晚想吃什麼?媽咪煮給妳聽~
旁邊還有利用風力運送小球的科學牆,孩子們好奇地把球放進去,觀察它們在透明管子裡跑來跑去,寓教於樂的設計真的超棒!
▲ 看看球球跑到哪裡去啦?
今天在「花語森林」真的是從開門玩到快關門,姊妹倆電力完全耗盡,回家路上直接睡翻。這裡設施新穎、空間寬敞又乾淨,動靜皆宜,不管是大孩子還是小小孩都能找到樂趣。
真心推薦給所有正在尋找親子景點的爸爸媽媽,快把這裡收進你的口袋名單吧!
【花語森林 - 店家資訊】
- 11月 13 週四 202519:13
生日月的奢華饗宴:同心鮨 Omakase 體驗
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
font-size: 16px;
line-height: 1.9;
color: #2c3e50;
background: linear-gradient(to bottom, #fef9f3 0%, #fdf5e6 100%);
padding: 0;
margin: 0;
}
.article-container {
background: #ffffff;
margin: 40px auto;
padding: 0;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
border-radius: 16px;
overflow: hidden;
}
.article-header {
background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 50%, #c44569 100%);
color: white;
padding: 60px 40px;
text-align: center;
position: relative;
overflow: hidden;
}
.article-header::before {
content: '🍣';
position: absolute;
font-size: 200px;
opacity: 0.1;
top: -50px;
right: -30px;
}
.article-header h1 {
font-size: 2.8em;
font-weight: 700;
margin-bottom: 15px;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 1;
}
.article-content {
padding: 50px 60px;
}
p {
margin-bottom: 24px;
text-align: justify;
font-size: 1.05em;
}
.section-title {
font-size: 1.9em;
color: #c44569;
margin: 50px 0 25px;
padding-bottom: 12px;
border-bottom: 3px solid #ff6b6b;
font-weight: 700;
position: relative;
}
.section-title::before {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 80px;
height: 3px;
background: #ee5a6f;
}
.dish-name {
font-size: 1.4em;
color: #ee5a6f;
margin: 30px 0 15px;
font-weight: 600;
}
.dish-white {
font-size: 1.4em;
color: #FFFFFF;
margin: 30px 0 15px;
font-weight: 600;
}
.image-wrapper {
margin: 25px 0;
text-align: center;
}
.image-wrapper img {
max-width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: inline-block;
margin: 8px;
}
.image-wrapper img:hover {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}
.highlight-box {
background: linear-gradient(135deg, #fff5f5 0%, #ffe8e8 100%);
border-left: 5px solid #ff6b6b;
padding: 25px 30px;
margin: 30px 0;
border-radius: 8px;
font-size: 1.1em;
line-height: 2;
}
.restaurant-info {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #FFFFFF;
padding: 40px;
margin: 50px 0;
border-radius: 12px;
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}
.restaurant-info h3 {
font-size: 1.8em;
margin-bottom: 25px;
font-weight: 700;
}
.restaurant-info p {
margin: 12px 0;
font-size: 1.1em;
line-height: 1.8;
}
.restaurant-info strong {
display: inline-block;
min-width: 120px;
font-weight: 600;
}
.birthday-message {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: white;
padding: 35px;
text-align: center;
border-radius: 12px;
margin: 40px 0;
font-size: 1.3em;
font-weight: 600;
box-shadow: 0 8px 25px rgba(245, 87, 108, 0.3);
}
.conclusion-quote {
font-size: 1.25em;
font-style: italic;
color: #c44569;
padding: 30px;
border-left: 5px solid #ff6b6b;
background: #fff5f5;
margin: 40px 0;
border-radius: 8px;
font-weight: 500;
}
strong {
color: #c44569;
font-weight: 600;
}
@media (max-width: 768px) {
.article-container {
margin: 20px;
border-radius: 12px;
}
.article-header {
padding: 40px 25px;
}
.article-header h1 {
font-size: 2em;
}
.article-content {
padding: 30px 25px;
}
.section-title {
font-size: 1.6em;
}
.dish-name {
font-size: 1.2em;
}
.image-wrapper img {
margin: 5px 0;
}
.restaurant-info,
.birthday-message {
padding: 25px;
}
}
@media (max-width: 480px) {
body {
font-size: 15px;
}
.article-header h1 {
font-size: 1.6em;
}
.section-title {
font-size: 1.4em;
}
.article-content {
padding: 25px 20px;
}
}
- 11月 12 週三 202500:34
下雨天、大熱天都不怕!苗栗「尚順育樂天地」全台最大室內樂園玩瘋了!VR、魔法世界、侏羅紀探險從1樓玩到6樓!
:root{
--mint:#e0f2f1;
--mint-dark:#00796b;
--coral:#ff8a80;
--coral-dark:#d32f2f;
--indigo:#e8eaf6;
--indigo-dark:#303f9f;
--paper:#fffefc;
--shadow:0 8px 24px rgba(0,0,0,.08);
--radius:12px;
--font:"Noto Sans TC","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
}
body{
margin:0;
font-family:var(--font);
background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%);
color:#333;
line-height:1.8;
-webkit-font-smoothing:antialiased;
}
a{color:var(--coral-dark);text-decoration:none;border-bottom:2px solid transparent;transition:.3s;}
a:hover{border-bottom-color:var(--coral);}
.container{
max-width:900px;
margin:40px auto;
background:var(--paper);
border-radius:var(--radius);
box-shadow:var(--shadow);
overflow:hidden;
}
header{
background:linear-gradient(135deg,var(--mint-dark) 0%,#009688 100%);
color:#fff;
padding:60px 40px 40px;
text-align:center;
position:relative;
}
header h1{
margin:0;
font-size:2.2rem;
font-weight:700;
letter-spacing:1px;
}
header:after{
content:"";
position:absolute;
bottom:-20px;
left:0;right:0;
height:40px;
background:url('data:image/svg+xml;utf8,
- 11月 06 週四 202522:30
【亞米媽媽開箱】家有考生必備!ROPET洛比AI陪伴寵,讓孩子讀書不再孤單的超萌療癒小物!
body {
font-family: 'Noto Sans TC', sans-serif;
line-height: 1.6;
color: #333;
background: linear-gradient(to bottom, #f9f9f9, #e8f4f8);
margin: 0;
padding: 20px;
margin: 0 auto;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.post {
background: white;
padding: 40px;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.intro {
text-align: center;
margin-bottom: 30px;
}
.intro p {
font-size: 18px;
margin: 20px 0;
color: #2c3e50;
}
.section {
margin: 40px 0;
padding: 20px;
background: #fff;
border-left: 5px solid #3498db;
border-radius: 8px;
}
.section h2 {
color: #2980b9;
font-size: 24px;
margin-bottom: 15px;
text-align: center;
}
.section p {
font-size: 18px;
line-height: 1.8;
color: #555;
}
.image-container {
text-align: center;
margin: 20px 0;
}
.image-container img {
max-width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.image-container img:hover {
transform: scale(1.02);
}
.cta {
text-align: center;
background: linear-gradient(135deg, #ff9a9e, #fecfef);
padding: 20px;
border-radius: 10px;
margin-top: 30px;
}
.cta p {
font-size: 20px;
color: #c0392b;
margin: 0;
}
.cta a {
display: inline-block;
background: #e74c3c;
color: white;
padding: 12px 24px;
text-decoration: none;
border-radius: 25px;
margin-top: 10px;
transition: background 0.3s ease;
}
.cta a:hover {
background: #c0392b;
}
@media (max-width: 600px) {
.post {
padding: 20px;
}
.section {
padding: 15px;
}
}
- 11月 04 週二 202517:56
桃園親子景點|帶亞米安娜重溫童年!追風奇幻島【桃堡樂園】百萬球池、魔鬼滑梯玩瘋了!媽媽放電首選!
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
line-height: 1.9;
color: #333;
background: #fafafa;
}
/* Header */
.blog-header {
background: #fff;
border-bottom: 1px solid #e5e5e5;
padding: 20px 0;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.blog-title {
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
font-size: 1.2rem;
font-weight: 600;
color: #ff6b9d;
}
/* Article Container */
.article {
max-width: 800px;
margin: 40px auto;
background: #fff;
padding: 60px 50px;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
/* Article Header */
.article-header {
text-align: center;
margin-bottom: 50px;
padding-bottom: 30px;
border-bottom: 2px solid #f0f0f0;
}
.article-title {
font-size: 2.2rem;
font-weight: 700;
color: #222;
margin-bottom: 20px;
line-height: 1.4;
}
.article-meta {
color: #999;
font-size: 0.95rem;
}
.article-meta span {
margin: 0 10px;
}
/* Content */
.article-content {
font-size: 1.1rem;
line-height: 1.9;
color: #444;
}
.article-content p {
margin: 25px 0;
}
.article-content img {
width: 100%;
height: auto;
margin: 35px 0;
border-radius: 8px;
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.article-content img:hover {
transform: scale(1.02);
}
/* Section Heading */
.section-heading {
font-size: 1.8rem;
font-weight: 700;
color: #222;
margin: 50px 0 25px;
padding-left: 15px;
border-left: 5px solid #ff6b9d;
}
/* Highlight Text */
.highlight {
color: #ff6b9d;
font-weight: 600;
}
/* Feature List */
.feature-list {
background: #f8f9fa;
padding: 30px;
margin: 30px 0;
border-radius: 8px;
border: 1px solid #e9ecef;
}
.feature-item {
margin: 20px 0;
padding-left: 30px;
position: relative;
}
.feature-item::before {
content: '';
position: absolute;
left: 0;
font-size: 1.3rem;
}
.feature-item strong {
color: #ff6b9d;
font-weight: 600;
}
/* Image Grid */
.image-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 35px 0;
}
.image-grid img {
margin: 0;
}
/* Info Card */
.info-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 40px;
margin: 50px 0;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
}
.info-card h3 {
color: white;
font-size: 1.6rem;
margin-bottom: 25px;
text-align: center;
font-weight: 700;
}
.info-card p {
color: white;
margin: 12px 0;
font-size: 1.05rem;
line-height: 1.8;
}
.info-card strong {
font-weight: 600;
}
/* Quote */
.quote {
font-size: 1.2rem;
color: #666;
text-align: center;
margin: 40px 0;
padding: 30px;
background: #f8f9fa;
border-radius: 8px;
border-left: 4px solid #ff6b9d;
}
/* Divider */
.divider {
height: 1px;
background: #e5e5e5;
margin: 50px 0;
}
/* Tags */
.tags {
margin: 40px 0;
padding-top: 30px;
border-top: 1px solid #e5e5e5;
}
.tag {
display: inline-block;
background: #f0f0f0;
color: #666;
padding: 8px 16px;
margin: 5px;
border-radius: 20px;
font-size: 0.9rem;
}
.tag:hover {
background: #ff6b9d;
color: white;
}
/* Footer */
.article-footer {
text-align: center;
margin-top: 50px;
padding-top: 30px;
border-top: 2px solid #f0f0f0;
color: #999;
font-size: 0.95rem;
}
/* Responsive */
@media (max-width: 768px) {
.article {
margin: 20px;
padding: 40px 25px;
}
.article-title {
font-size: 1.8rem;
}
.section-heading {
font-size: 1.5rem;
}
.article-content {
font-size: 1.05rem;
}
.image-grid {
grid-template-columns: 1fr;
}
.info-card {
padding: 30px 25px;
}
}
- 10月 31 週五 202523:49
【亞米媽媽開箱】解救媽媽的終極變形包!NICHE樂奇天鷹座,從女兒書包到單車旅行一包搞定!
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro TC", "SF Pro Text", "Helvetica Neue", "PingFang TC", "Microsoft JhengHei", sans-serif;
-webkit-font-smoothing: antialiased;
background: #fff;
color: #1d1d1f;
line-height: 1.8;
}
/* Container */
.container {
max-width: 980px;
margin: 0 auto;
padding: 60px 20px;
}
/* Typography */
p {
font-size: 20px;
margin-bottom: 28px;
color: #1d1d1f;
line-height: 1.8;
}
strong {
font-weight: 600;
color: #1d1d1f;
}
/* Images */
img {
max-width: 100%;
height: auto;
border-radius: 12px;
margin: 40px 0;
display: block;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
/* Links */
a {
color: #0071e3;
text-decoration: none;
transition: color 0.2s ease;
}
a:hover {
color: #0077ed;
text-decoration: underline;
}
/* Sections with alternating backgrounds */
.section {
padding: 80px 0;
}
.section:nth-child(even) {
background: #f5f5f7;
margin: 0 -20px;
padding: 80px 20px;
}
/* Hero text styling */
.hero-text {
font-size: 24px;
font-weight: 500;
line-height: 1.6;
color: #1d1d1f;
margin: 60px 0;
}
/* Product specs */
.specs {
background: #fbfbfd;
border-radius: 18px;
padding: 40px;
margin: 40px 0;
}
.specs p {
font-size: 17px;
margin-bottom: 12px;
}
/* CTA Button */
.cta-link {
display: inline-block;
background: #0071e3;
color: white !important;
padding: 14px 28px;
border-radius: 980px;
font-size: 19px;
font-weight: 400;
margin: 20px 0;
transition: all 0.3s ease;
text-decoration: none !important;
}
.cta-link:hover {
background: #0077ed;
transform: scale(1.02);
}
/* Hashtags */
.hashtags {
color: #6e6e73;
font-size: 15px;
line-height: 1.6;
}
/* Image captions */
.caption {
font-size: 17px;
color: #6e6e73;
text-align: center;
margin-top: -30px;
margin-bottom: 40px;
font-style: italic;
}
/* Responsive */
@media (max-width: 768px) {
.container {
padding: 40px 16px;
}
p {
font-size: 17px;
}
.hero-text {
font-size: 21px;
}
img {
margin: 30px 0;
border-radius: 8px;
}
}
/* Smooth scroll */
html {
scroll-behavior: smooth;
}
/* Fade in animation */
.fade-in {
animation: fadeIn 0.8s ease-in;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

