html {
scroll-behavior: smooth;
font-family: 'Fredoka', sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Fredoka',sans-serif;}
body{background:#fff;color:#78b932;scroll-behavior:smooth;font-family:'Fredoka',sans-serif;}

.navbar{
position:fixed;
top:0;width:100%; 
display:flex;
justify-content:center;
gap:40px;
padding:15px;
z-index:1000; 
 
}
.sun{
position:absolute;
top:80px;
right:120px;
width:120px;
height:120px;
background:#ffd600;
border-radius:50%;
box-shadow:0 0 40px rgba(255,214,0,0.6);
animation:sunFloat 5s ease-in-out infinite;
}

.eye{
position:absolute;
width:10px;
height:10px;
background:#333;
border-radius:50%;
top:40px;
}

.eye1{left:35px;}
.eye2{right:35px;}

.smile{
position:absolute;
width:40px;
height:20px;
border-bottom:4px solid #333;
border-radius:0 0 40px 40px;
bottom:30px;
left:50%;
transform:translateX(-50%);
}

@keyframes sunFloat{
0%{transform:translateY(0);}
50%{transform:translateY(-8px);}
100%{transform:translateY(0);}
}
.navbar a{text-decoration:none;color:#fff;font-weight:600;}
.navbar a:hover{color:#fff;}
.cloud-menu{
    position:relative;
    padding:40px 0 20px;
    text-align:center;
    background:transparent;
    z-index:2;
	text-transform: uppercase;
} 

/* Белая верхушка */
.cloud-menu::after{
    content:"";
    position:absolute;
    bottom:-40px;
    left:0;
    width:100%;
    height:120px;
    background:white;
    
    /* форма облаков */
    clip-path: ellipse(60% 80% at 50% 0%);
    z-index:-1;
}

/* Дополнительные "пушистости" */
.cloud-menu::before{
    content:"";
    position:absolute;
    bottom:-70px;
    left:0;
    width:100%;
    height:160px;
    background:white;
    clip-path: path("M0 60 Q150 120 300 60 T600 60 T900 60 T1200 60 V0 H0 Z");
    z-index:-2;
}

/* ссылки */
.menu-links a{
    margin:0 25px;
    font-weight:700;
    text-decoration:none;
    color:#2e7d32;
}
.phone-btn{
display:inline-block;
margin-top:20px;
padding:14px 30px;
background:white;
color:#2e7d32;
border-radius:40px;
text-decoration:none;
font-weight:bold;
animation:phonePulse 2s infinite;
box-shadow:0 10px 20px rgba(0,0,0,0.2);
transition:0.3s;
}

.phone-btn:hover{
transform:scale(1.08);
}
@keyframes phonePulse{

0%{
transform:scale(1);
box-shadow:0 0 0 0 rgba(255,255,255,0.7);
}

70%{
transform:scale(1.08);
box-shadow:0 0 0 20px rgba(255,255,255,0);
}

100%{
transform:scale(1);
box-shadow:0 0 0 0 rgba(255,255,255,0);
}

}


.balloon{
position:absolute;
width:50px;
height:60px;
background:#ff6b6b;
border-radius:50% 50% 45% 45%;
bottom:-100px;
animation:balloonUp 20s linear infinite;
}

.balloon::after{
content:"";
position:absolute;
width:2px;
height:60px;
background:#fff;
left:50%;
top:60px;
}

.balloon1{left:10%;background:#ff6b6b;animation-delay:0s;}
.balloon2{left:80%;background:#4fc3f7;animation-delay:6s;}
.balloon3{left:60%;background:#ffd54f;animation-delay:12s;}

@keyframes balloonUp{
0%{transform:translateY(0);}
100%{transform:translateY(-120vh);}
}



.grass{
position:absolute;
bottom:0;
left:0;
width:100%;
height:120px;
background:#f7fbff;
clip-path: polygon(
0% 70%, 5% 60%, 10% 72%, 15% 58%, 20% 70%, 
25% 55%, 30% 72%, 35% 60%, 40% 74%, 
45% 58%, 50% 70%, 55% 55%, 60% 72%, 
65% 60%, 70% 74%, 75% 58%, 80% 70%, 
85% 55%, 90% 72%, 95% 60%, 100% 70%, 
100% 100%, 0% 100%
);
animation:grassMove 6s ease-in-out infinite alternate;
}

@keyframes grassMove{
0%{transform:translateY(0);}
100%{transform:translateY(6px);}
}
.hero{
height:100vh;
background:linear-gradient(to top,#ffd600,#6cc24a);
display:flex;
justify-content:center; 
position:relative;
overflow:hidden;
text-align:center;
padding-top:160px;
}

.whitecolor{
	color:#ffffff;
}

.logo{width:240px;animation:float 4s ease-in-out infinite;}
.phone-btn{
display:inline-block;margin-top:20px;
padding:14px 30px;background:white;color:#2e7d32;
border-radius:40px;text-decoration:none;font-weight:bold;
}
.insta-btn{
display:inline-block;
margin-top:20px;
padding:14px 30px;
background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
background-size:200% 200%;
color:white;
border-radius:40px;
text-decoration:none;
font-weight:bold;
transition:0.4s ease;
box-shadow:0 8px 20px rgba(0,0,0,0.2);
}
.insta-btn:hover{
background-position:right center;
transform:translateY(-2px);
box-shadow:0 12px 25px rgba(0,0,0,0.3);
}

.cloud{
position:absolute;background:white;border-radius:50%;
filter:drop-shadow(0 20px 25px rgba(0,0,0,0.15));
}
.cloud-a{width:220px;height:120px;top:20%;left:-250px;
box-shadow:80px 20px 0 0 white,140px 10px 0 0 white;
animation:cloudMove 60s linear infinite;}
.cloud-b{width:180px;height:100px;top:60%;left:-300px;
box-shadow:60px 20px 0 0 white,120px 15px 0 0 white;
animation:cloudMove 80s linear infinite;}

.cloud-с{width:110px;height:80px;top:40%;left:-300px;
box-shadow:60px 20px 0 0 white,120px 15px 0 0 white;
animation:cloudMove 90s linear infinite;}

 #about{
background:#f7fbff;
padding:80px 0;
}

#gallery{
background:#ffffff;
padding:80px 0;
}

@keyframes cloudMove{from{transform:translateX(0);}to{transform:translateX(140vw);}}
@keyframes float{0%{transform:translateY(0);}50%{transform:translateY(-15px);}100%{transform:translateY(0);}}

.stars-container{position:absolute;width:100%;height:100%;pointer-events:none;}
.star{
position:absolute;
top:-40px;
width:12px;
height:12px;
background:#fff176;
clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
opacity:0;
animation:fall 8s linear infinite;
}
.star:nth-child(1){left:20%;animation-delay:0s;}
.star:nth-child(2){left:40%;animation-delay:2s;}
.star:nth-child(3){left:60%;animation-delay:4s;}
.star:nth-child(4){left:80%;animation-delay:1s;}
@keyframes fall{0%{top:-10%;opacity:1;}100%{top:110%;opacity:0;}}

.section{padding:100px 20px;text-align:center;}
h2{margin-bottom:30px;font-size:32px;}

 

.insta-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
}
.insta-grid img{width:100%;border-radius:15px;}

.map{ margin:0 auto;border-radius:20px;overflow:hidden;}

footer{ color:#b0d03e;padding:20px;text-align:center;}

footer a{text-decoration:none;color:#b0d03e;font-weight:600;}
footer a:hover{color:#b3ce53;}

.ig-section {
    padding:60px 20px; 
    text-align:center;
}

.ig-section h2 {
    font-size:32px;
    margin-bottom:40px;
}

.ig-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
    gap:30px;
    max-width:1200px;
    margin:0 auto;
}

.ig-grid iframe {
    width:100%;
    min-height:480px;
    border:none;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    background:white;
}
@media(max-width:768px){
.insta-grid{grid-template-columns:repeat(2,1fr);}
.logo{width:170px;}
}

.about-section {
  background: white;
}

.container {
  max-width: 900px;
  margin: 0 auto;
}

.lead {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}

.features-list {
  list-style: none;
  padding: 0;
  margin: 25px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 15px;
}

.features-list li {
	font-family: 'Fredoka',sans-serif;
  background: linear-gradient(135deg, #6cc24a, #ffd600);
  color: #78b932;
  padding: 15px;
  border-radius: 15px;
  font-weight: 600;
  border:2px solid #6cc24a;
  background: #fff;
}

.age-box {
  margin-top: 25px;
  padding: 20px;
  background: linear-gradient(45deg,#f09433,#dc2743,#bc1888);
  color: white;
  border-radius: 20px;
  font-size: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}