body {
  font-family: Arial, sans-serif;
  padding: 40px;
  background-color: #f5f5f5;
}

h1 {
  color: #333;
}

.navbar{
width:90% ;
max-width:1100% ;
height: 10vh;
margin: auto;
padding: 1rem;

display: flex;
align-items: center;
}


logo{
font-size: 2rem;
font-weight: bold;
}

.nav-list{
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 1rem;

}

.nav-item a {
color: burlywood;
text-decoration: none;
font-weight: bold;
}

.nav-item a:hover{
  color: wheat;
}


.hero{
width: 100%;
height: 90vh;
background-image: url(./ai/bg-1.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

.hero-text{
  background-color: rgba(245, 245, 245, 0.445);
  text-align: center;
}

.hero-button{
background-color: blanchedalmond;
color: white; 
border-radius: 15px;
text-decoration: none;


}