body{
font-family: Arial;
margin:0;
background-image:url("../img/fundo-tech.png");
background-size:cover;
background-position:center;
background-attachment:fixed;
color:white;
}

header{

background:rgba(5,11,24,0.85);
text-align:center;
padding:50px;

}

.logo{

width:160px;
margin-bottom:20px;

}
h1{
color:white;
text-shadow:0 0 10px #00aaff,
            0 0 20px #0088ff;
}

nav{
background:#1b1b1b;
padding:15px;
text-align:center;
position:sticky;
top:0;
z-index:1000;
}

nav a{
color:white;
margin:10px;
text-decoration:none;
font-weight:bold;
transition:0.3s;
}

nav a:hover{
color:#3aa6ff;
}

section{

background:rgba(0,0,0,0.65);
margin:40px;
padding:40px;
border-radius:10px;

}

.cards{

display:flex;
flex-wrap:wrap;
gap:20px;

}

.card{

background:white;
border-radius:10px;
box-shadow:0 0 10px #ccc;
padding:20px;
width:300px;

}

.card img{

width:100%;
border-radius:10px;

}

.banner{

width:100%;
max-width:600px;
margin:20px 0;

}

.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
padding:15px 20px;
border-radius:40px;
text-decoration:none;
font-weight:bold;
box-shadow:0 0 10px #000;
}

footer{

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

}
#particles-js{
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
z-index:-1;
}
@media (max-width:768px){

.cards{
flex-direction:column;
align-items:center;
}

.card{
width:90%;
}

nav a{
display:block;
margin:10px 0;
}

.logo{

width:160px;
margin-bottom:20px;
filter: drop-shadow(0 0 10px #00aaff)
        drop-shadow(0 0 20px #0088ff);
}

}
.servicos-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-top:30px;

}

.servico{

background:rgba(0,0,0,0.7);
padding:20px;
border-radius:10px;
text-align:center;
box-shadow:0 0 10px rgba(0,0,0,0.6);
transition:0.3s;

}

.servico:hover{

transform:scale(1.2);
color:#4dc3ff;
box-shadow:0 0 15px #00aaff;

}
.servico i{

font-size:40px;
color:#00aaff;
margin-bottom:15px;
display:block;
transition:0.3s;

}
h2 i{
color:#00aaff;
margin-right:10px;
}