body{

margin:0;
font-family:Arial, sans-serif;
background:#f4f7fb;

}


header{

background:#003366;
color:white;
text-align:center;
padding:20px;

}


header img{

width:100px;

}



.controls{

padding:20px;
text-align:center;

}


input,select{

padding:12px;
margin:5px;
width:250px;
border-radius:5px;
border:1px solid #ccc;

}




.dashboard{

display:flex;
justify-content:center;
gap:20px;

}


.card{

background:white;
padding:20px;
width:200px;
text-align:center;
box-shadow:0 2px 8px #ccc;

}



#map{

width:100%;
height:500px;

}



.church-list{

padding:20px;

}



.church{

background:white;
margin:10px;
padding:15px;
border-left:5px solid #003366;

}


button{

background:#003366;
color:white;
padding:10px;
border:none;
cursor:pointer;

}



@media(max-width:600px){


.dashboard{

flex-direction:column;
align-items:center;

}


#map{

height:400px;

}


}