#muhu-home, #muhu-home * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#muhu-home {
scroll-behavior: smooth;
}
#muhu-home {
min-height: 100vh;
font-family: Arial, sans-serif;
color: rgb(45, 45, 45);
background-color: rgb(242, 231, 255);
background-image: url("https://www.muhukids.com/wp-content/uploads/2026/07/arkaplan.png");
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* NAVBAR */
#muhu-home .muhu-header {
position: sticky;
top: 0;
z-index: 100;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid rgba(255, 44, 105, 0.1);
box-shadow: 0 8px 30px rgba(82, 62, 152, 0.12);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}
#muhu-home .navbar {
width: 100%;
min-height: 90px;
padding: 0 24px 0 0;
display: grid;
grid-template-columns: 170px 1fr;
align-items: center;
}
/* Logo */
#muhu-home .logo {
width: 170px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
border-radius: 0 22px 22px 0;
text-decoration: none;
box-shadow: 8px 0 24px rgba(82, 62, 152, 0.08);
transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}
#muhu-home .logo:hover {
transform: scale(1.02);
box-shadow: 10px 0 28px rgba(82, 62, 152, 0.14);
}
#muhu-home .logo img {
width: 145px;
height: 78px;
display: block;
object-fit: contain;
}
/* Menü */
#muhu-home .navlinks {
width: 100%;
height: 100%;
margin: 0;
padding: 12px 0 12px 24px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
list-style: none;
}
#muhu-home .navbar ul li {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
}
#muhu-home .navbar ul li a {
width: 100%;
min-height: 58px;
padding: 0 14px;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
color: rgb(62, 55, 76);
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.25;
text-align: center;
text-decoration: none;
white-space: nowrap;
border: none;
border-radius: 16px;
position: relative;
overflow: hidden;
transition:
color 0.25s ease,
background-color 0.25s ease,
transform 0.25s ease,
box-shadow 0.25s ease;
}
/* Alt vurgu çizgisi */
#muhu-home .navbar ul li a::after {
content: "";
position: absolute;
left: 50%;
bottom: 8px;
width: 0;
height: 3px;
background: linear-gradient(
90deg,
rgb(255, 44, 105),
rgb(255, 165, 0)
);
border-radius: 20px;
transform: translateX(-50%);
transition: width 0.25s ease;
}
#muhu-home .navbar ul li a:hover {
color: rgb(255, 44, 105);
background-color: rgba(255, 255, 255, 0.95);
transform: translateY(-2px);
box-shadow:
0 10px 22px rgba(82, 62, 152, 0.1),
0 4px 12px rgba(255, 44, 105, 0.08);
}
#muhu-home .navbar ul li a:hover::after {
width: 42%;
}
/* Aktif sayfa */
#muhu-home .navbar ul li a.active {
color: white;
background: linear-gradient(
135deg,
rgb(255, 44, 105),
rgb(255, 105, 145)
);
box-shadow: 0 10px 24px rgba(255, 44, 105, 0.24);
}
#muhu-home .navbar ul li a.active::after {
display: none;
}
/* YouTube logosu */
#muhu-home .kanal-logo {
width: 27px;
height: 27px;
display: block;
object-fit: contain;
flex-shrink: 0;
}
/* Tablet */
@media (max-width: 1100px) {
#muhu-home .navbar {
grid-template-columns: 155px 1fr;
}
#muhu-home .logo {
width: 155px;
}
#muhu-home .logo img {
width: 132px;
}
#muhu-home .navlinks {
padding-left: 14px;
gap: 6px;
}
#muhu-home .navbar ul li a {
padding: 0 8px;
font-size: 13px;
}
}
/* Küçük tablet */
@media (max-width: 900px) {
#muhu-home .navbar {
grid-template-columns: 1fr;
padding: 0;
}
#muhu-home .logo {
justify-self: center;
width: 100%;
border-radius: 0;
box-shadow: 0 5px 18px rgba(82, 62, 152, 0.08);
}
#muhu-home .navlinks {
width: 100%;
padding: 12px 15px 16px;
flex-wrap: wrap;
gap: 8px;
}
#muhu-home .navbar ul li {
flex: 1 1 30%;
}
#muhu-home .navbar ul li a {
width: 100%;
min-height: 52px;
padding: 10px;
font-size: 14px;
white-space: normal;
}
}
/* Telefon */
@media (max-width: 600px) {
#muhu-home .navlinks {
flex-direction: column;
padding: 12px 15px 16px;
}
#muhu-home .navbar ul li {
width: 100%;
flex: none;
}
#muhu-home .navbar ul li a {
width: 100%;
min-height: 50px;
}
#muhu-home .navbar ul li a::after {
display: none;
}
}
/* ANA BÖLÜM */
#muhu-home .ana-kisim {
width: calc(100% - 120px);
max-width: 1100px;
margin: 100px auto 0;
padding: 40px 55px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
background-color: rgba(191, 236, 255, 0.75);
border: 1px solid rgba(255, 255, 255, 0.45);
border-radius: 28px;
box-shadow: 0 20px 45px rgba(82, 62, 152, 0.16);
}
#muhu-home .ana-yazi {
flex: 1;
min-width: 0;
}
#muhu-home .ana-yazi h1 {
font-size: clamp(34px, 5vw, 60px);
line-height: 1.1;
color: rgb(45, 45, 45);
}
#muhu-home .ana-yazi p {
width: 100%;
max-width: 540px;
margin-top: 15px;
font-size: clamp(16px, 2vw, 21px);
line-height: 1.7;
}
#muhu-home .ana-logo {
width: 360px;
height: 360px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(255, 44, 105, 0.15);
border-radius: 30px;
box-shadow: 0 15px 35px rgba(88, 58, 132, 0.15);
}
#muhu-home .ana-logo img {
width: 90%;
max-width: 330px;
height: auto;
display: block;
object-fit: contain;
}
/* ÖZELLİKLER */
#muhu-home .ozellikler {
width: calc(100% - 120px);
max-width: 1100px;
margin: 100px auto;
padding: 35px 45px;
display: flex;
align-items: center;
justify-content: center;
gap: 120px;
font-size: clamp(20px, 2vw, 28px);
background-color: rgba(255, 255, 255, 0.88);
border-radius: 20px;
box-shadow: 0 15px 35px rgba(82, 62, 152, 0.12);
backdrop-filter: blur(8px);
}
#muhu-home .ozellikler ul {
list-style-position: inside;
}
#muhu-home .ozellikler ul li {
margin-bottom: 15px;
}
#muhu-home .ozellikler ul li::marker {
color: rgb(255, 44, 105);
}
/* POPÜLER KATEGORİLER */
#muhu-home .populer-kategoriler {
width: calc(100% - 120px);
max-width: 1100px;
margin: 100px auto 0;
padding: 32px;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 28px;
background-color: rgba(191, 236, 255, 0.75);
border: 1px solid rgba(255, 255, 255, 0.45);
border-radius: 28px;
box-shadow: 0 20px 45px rgba(82, 62, 152, 0.16);
overflow: hidden;
}
#muhu-home .pop_kat_ana {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
#muhu-home .pop_kat_ana h2 {
margin-bottom: 15px;
font-size: clamp(34px, 4vw, 52px);
line-height: 1.15;
}
#muhu-home .pop_kat_ana p {
width: 100%;
max-width: 600px;
font-size: 18px;
line-height: 1.7;
}
#muhu-home .pop_kategoriler {
flex: 1;
min-width: 0;
display: flex;
align-items: stretch;
}
#muhu-home .pop_kategoriler ul {
width: 100%;
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
gap: 14px;
list-style: none;
}
#muhu-home .pop_kategoriler ul li {
flex: 1;
min-width: 0;
display: flex;
}
#muhu-home .pop_kategoriler ul li a {
width: 100%;
min-height: 250px;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
overflow: hidden;
background-color: white;
color: rgb(45, 45, 45);
border: 1px solid rgba(255, 44, 105, 0.12);
border-radius: 18px;
box-shadow: 0 12px 25px rgba(82, 62, 152, 0.12);
font-size: 19px;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none;
transition:
transform 0.25s ease,
background-color 0.25s ease,
box-shadow 0.25s ease;
}
#muhu-home .pop_kategoriler ul li a img {
width: 100%;
height: 185px;
display: block;
object-fit: cover;
transition: transform 0.3s ease;
}
#muhu-home .pop_kategoriler ul li a span {
min-height: 65px;
padding: 12px 8px;
display: flex;
align-items: center;
justify-content: center;
}
#muhu-home .pop_kategoriler ul li a:hover {
background-color: rgb(255, 247, 194);
transform: translateY(-6px);
box-shadow: 0 18px 30px rgba(82, 62, 152, 0.18);
}
#muhu-home .pop_kategoriler ul li a:hover img {
transform: scale(1.04);
}
/* FOOTER */
#muhu-home .footer {
position: relative;
margin-top: 80px;
padding-top: 40px;
color: white;
background: linear-gradient(
135deg,
rgba(91, 63, 112, 0.98),
rgba(126, 82, 144, 0.98)
);
border-radius: 0;
overflow: hidden;
box-shadow: 0 -10px 28px rgba(82, 62, 152, 0.12);
}
/* Dekoratif arka plan daireleri */
#muhu-home .footer::before {
content: "";
position: absolute;
top: -110px;
right: -60px;
width: 230px;
height: 230px;
background-color: rgba(255, 165, 0, 0.13);
border-radius: 50%;
pointer-events: none;
}
#muhu-home .footer::after {
content: "";
position: absolute;
bottom: 15px;
left: -80px;
width: 170px;
height: 170px;
background-color: rgba(255, 44, 105, 0.1);
border-radius: 50%;
pointer-events: none;
}
/* Footer iç düzeni */
#muhu-home .footer-container {
position: relative;
z-index: 2;
width: calc(100% - 80px);
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr;
gap: 35px;
}
/* Muhu Kids başlığı */
#muhu-home .footer-column h2 {
margin-bottom: 12px;
color: white;
font-size: 30px;
line-height: 1.1;
}
#muhu-home .footer-column:first-child h2 {
display: inline-block;
padding-bottom: 7px;
border-bottom: 3px solid rgb(255, 165, 0);
}
/* Diğer footer başlıkları */
#muhu-home .footer-column h3 {
position: relative;
display: inline-block;
margin-bottom: 18px;
padding-bottom: 8px;
color: rgb(255, 247, 194);
font-size: 19px;
line-height: 1.2;
}
/* Başlığın tamamı kadar uzayan çizgi */
#muhu-home .footer-column h3::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: linear-gradient(
90deg,
rgb(255, 44, 105),
rgb(255, 165, 0)
);
border-radius: 20px;
}
/* Açıklama yazısı */
#muhu-home .footer-column p {
max-width: 330px;
color: rgba(255, 255, 255, 0.78);
font-size: 15px;
line-height: 1.65;
}
/* Footer listeleri */
#muhu-home .footer-column ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 9px;
list-style: none;
}
#muhu-home .footer-column ul li {
margin: 0;
padding: 0;
}
#muhu-home .footer-column ul li a {
display: inline-flex;
align-items: center;
gap: 7px;
color: rgba(255, 255, 255, 0.78);
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition:
color 0.25s ease,
transform 0.25s ease;
}
/* Linklerin başındaki küçük ok */
#muhu-home .footer-column ul li a::before {
content: "›";
color: rgb(255, 165, 0);
font-size: 19px;
font-weight: bold;
transition: transform 0.25s ease;
}
#muhu-home .footer-column ul li a:hover {
color: white;
transform: translateX(4px);
}
#muhu-home .footer-column ul li a:hover::before {
transform: translateX(2px);
}
/* Sosyal medya bağlantıları */
#muhu-home .sosyal-medya {
display: flex;
flex-direction: column;
gap: 9px;
}
#muhu-home .sosyal-medya li a {
width: fit-content;
min-width: 135px;
padding: 8px 12px;
display: inline-flex;
align-items: center;
gap: 8px;
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 10px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
transition:
background-color 0.25s ease,
color 0.25s ease,
transform 0.25s ease;
}
#muhu-home .sosyal-medya li a:hover {
background-color: rgba(255, 255, 255, 0.18);
}
/* En alttaki telif alanı */
#muhu-home .footer-bottom {
position: relative;
z-index: 2;
margin-top: 35px;
padding: 7px 12px;
background-color: rgba(34, 25, 43, 0.62);
border-top: 1px solid rgba(255, 255, 255, 0.12);
text-align: center;
}
#muhu-home .footer-bottom p {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.66);
font-size: 12px;
line-height: 1.3;
}
/* TABLET */
@media (max-width: 1100px) {
#muhu-home .navbar ul li a {
padding: 0 8px;
font-size: 15px;
}
#muhu-home .ana-logo {
width: 350px;
height: 350px;
}
#muhu-home .ozellikler {
gap: 60px;
}
}
@media (max-width: 900px) {
#muhu-home {
background-attachment: scroll;
}
#muhu-home .navbar {
grid-template-columns: 1fr;
}
#muhu-home .logo {
justify-self: center;
width: 100%;
}
#muhu-home .navlinks {
width: 100%;
}
#muhu-home .navbar ul {
width: 100%;
flex-wrap: wrap;
}
#muhu-home .navbar ul li {
flex: 1 1 33.333%;
}
#muhu-home .navbar ul li a {
width: 100%;
min-height: 55px;
height: auto;
padding: 14px 8px;
white-space: normal;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#muhu-home .ana-kisim {
width: calc(100% - 30px);
margin-top: 60px;
padding: 40px 30px;
flex-direction: column;
}
#muhu-home .ana-yazi {
width: 100%;
}
#muhu-home .ana-yazi p {
max-width: 100%;
}
#muhu-home .ana-logo {
width: min(100%, 350px);
height: 350px;
}
#muhu-home .ozellikler {
width: calc(100% - 30px);
padding: 30px;
margin: 75px auto;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
}
#muhu-home .ozellikler ul {
margin: 0;
padding: 0;
}
#muhu-home .ozellikler ul li {
margin-bottom: 15px;
}
#muhu-home .ozellikler ul li:last-child {
margin-bottom: 0;
}
#muhu-home .populer-kategoriler {
width: calc(100% - 30px);
margin: 0 auto;
padding: 30px;
flex-direction: column;
gap: 30px;
}
#muhu-home .pop_kat_ana p {
max-width: 100%;
}
#muhu-home .pop_kategoriler ul li a {
min-height: 220px;
}
#muhu-home .footer {
padding-top: 38px;
}
#muhu-home .footer-container {
width: calc(100% - 50px);
grid-template-columns: repeat(2, 1fr);
gap: 35px;
}
}
/* TELEFON */
@media (max-width: 600px) {
#muhu-home .navbar ul {
flex-direction: column;
}
#muhu-home .navbar ul li {
width: 100%;
flex: none;
}
#muhu-home .navbar ul li a {
width: 100%;
border-left: none;
border-right: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#muhu-home .ana-kisim {
padding: 30px 22px;
}
#muhu-home .ana-yazi h1 {
font-size: 34px;
}
#muhu-home .ana-yazi p {
font-size: 17px;
}
#muhu-home .ana-logo {
width: 100%;
height: 280px;
}
#muhu-home .ozellikler {
margin: 40px auto;
padding: 25px 20px;
font-size: 19px;
}
#muhu-home .pop_kategoriler ul {
flex-direction: column;
}
#muhu-home .pop_kategoriler ul li a {
min-height: 260px;
}
#muhu-home .footer {
margin-top: 60px;
padding-top: 35px;
border-radius: 0;
}
#muhu-home .footer-container {
width: calc(100% - 30px);
grid-template-columns: 1fr;
gap: 30px;
text-align: center;
}
#muhu-home .footer-column h2, #muhu-home .footer-column h3 {
display: inline-block;
}
#muhu-home .footer-column p {
margin: 0 auto;
}
#muhu-home .footer-column ul {
align-items: center;
}
#muhu-home .footer-column ul li a:hover {
transform: none;
}
#muhu-home .sosyal-medya {
align-items: center;
}
#muhu-home .sosyal-medya li a {
justify-content: center;
}
#muhu-home .footer-bottom {
margin-top: 30px;
padding: 6px 10px;
}
#muhu-home .footer-bottom p {
font-size: 11px;
}
}
#muhu-home {
width: 100%;
overflow-x: hidden;
min-height: auto;
}
#muhu-home p, #muhu-home h1, #muhu-home h2, #muhu-home h3, #muhu-home ul {
margin-top: 0;
}
#muhu-home img { max-width: 100%; }
.elementor-widget-html:has(#muhu-home),
.elementor-widget-html:has(#muhu-home) .elementor-widget-container { width: 100%; }
Mutlu Çocuklar
Mutlu Çocuklar
Bilinçli Ebeveynler
Muhu Kids ailesi olarak çocukların hayal dünyasına dokunan, ailelere destek olan ve güvenli dijital içerik anlayışını benimseyen bir platform oluşturuyoruz.
Masallarımız, şarkılarımız, çizgi filmlerimiz ve rehber içeriklerimizle çocukların yanında; bilgi, güven ve sevgiyle ailelerin destekçisiyiz.
- Yaşa Uygun İçerikler
- Güvenli Dijital Dünya
- Değerler Eğitimi
- Hayal Gücünü Geliştirir
- Aile Dostu Platform
- Eğlenirken Öğrenme
Popüler Kategoriler
Muhu Kids yalnızca çocuklara yönelik bir çizgi film ve masal platformu değildir. Aynı zamanda anne babalar için de güvenilir bir bilgi kaynağı olmayı hedefler. Ebeveynler; çocuk gelişimi, tuvalet eğitimi, inatçılık dönemi, ekran kullanımı, uyku düzeni, okul öncesi alışkanlıklar, ergenlik süreci ve aile içi iletişim gibi konularda sade, anlaşılır ve yol gösterici içeriklere ulaşabilir. Amacımız, ailelerin çocuklarıyla daha sağlıklı, bilinçli ve sevgi dolu bir iletişim kurmasına destek olmaktır.
