body{

margin:0;
font-family:Arial;
background:#111;
color:white;

}

header{

background:#000;
padding:40px;
text-align:center;
position:relative;

}

nav{

background:#222;
padding:15px;
text-align:center;

}

nav a{

color:white;
margin:15px;
text-decoration:none;
font-weight:bold;

}

section{

max-width:900px;
margin:auto;
padding:40px;

}

.card{

background:#1c1c1c;
padding:20px;
margin:20px 0;
border-radius:8px;
opacity: 0.7;

}

input,textarea{

width:100%;
padding:10px;
margin:10px 0;

}

button{

padding:10px 20px;
background:#00aaff;
border:none;
color:white;
cursor:pointer;

}

button:hover{

background:#0088cc;

}

footer{

background:#000;
text-align:center;
padding:20px;

}

.logo-area{

display:inline-block;
position:relative;

}

.logo{

width:190px;
position:absolute;
left:-395px;
top:10px;

}

.fundo-logo{

background-image:
linear-gradient(rgba(17,17,17,0.8), rgba(17,17,17,0.8)),
url("imagens/logo.png");

background-repeat:no-repeat;

background-position:center;

background-size:1000px;

background-attachment:fixed;

}

.contato-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:40px;

}

.formulario input,
.formulario textarea{

width:100%;
padding:10px;
margin:10px 0;

}

.formulario button{

padding:10px 20px;
background:#00aaff;
border:none;
color:white;
cursor:pointer;

}

.mapa iframe{

border-radius:8px;

}

.logo{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 4px;
}