body{
background:white;
font-family:Arial, Helvetica, sans-serif;
margin:0;
text-align:center;
}

/* HEADER */

.title{
font-family:Georgia;
color:navy;
font-size:64px;
margin-top:30px;
}

.big{
font-size:86px;
}

/* NAV */

.nav-hub{
display:flex;
justify-content:center;
align-items:center;
gap:60px;
background:#ffffff;
padding:15px 0;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.nav-hub a{
text-decoration:none;
color:#333;
font-size:20px;
font-weight:500;
transition:0.2s;
}

.nav-hub a:hover{
color:#006eff;
}

/* CONTENT */

.statement{
display:flex;
justify-content:center;
margin-top:100px;
font-size:35px;
}

.block{
max-width:900px;
line-height:1;
}

/* organized fades in */

.fade-text{
display:inline-block;
opacity:0;
animation:fadeIn 1s ease forwards;
animation-delay:0.2s;
}

/* we are not rises up */

.fade-up{
display:inline-block;
opacity:0;
transform:translateY(30px);
animation:riseFade 1.4s ease forwards;
animation-delay:1.0s;
}

/* animations */

@keyframes fadeIn{

0%{
opacity:0;
}

100%{
opacity:1;
}

}

@keyframes riseFade{

0%{
opacity:0;
transform:translateY(30px);
}

100%{
opacity:1;
transform:translateY(0);
}

}

/* BLACK BOX */

.result-box{
margin:100px auto;
padding:18px;
width:260px;
background:black;
color:white;
font-size:28px;
}

/* FOOTER */

footer{
margin-top:120px;
padding:30px;
border-top:1px solid #ddd;
position:relative;
min-height:120px;
}

.flowers{
position:absolute;
bottom:10px;
left:50%;
transform:translateX(-50%);
}

.poppy{
width:40px;
margin:0 10px;
cursor:pointer;
transition:transform .4s;
}

.after-text{
max-width:700px;
margin:80px auto;
font-size:40px;
line-height:1.6;
color:#222;

background:#f3f8fb;   /* light lavender tint */
padding:40px;
border-radius:8px;
}

.after-text p + p{
margin-top:80px;
}

.focus-area{
background:#95d3e2;   
padding:10px 0;
width:100%;
}