* {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  
  font-style: normal;
  
}

nav ul{
    font-size: 20px;
}

.hero{
    width: 100%;
    
    
}

.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.card {
  margin: 0 auto; /* additional horizontal centering */
}


#properties{
    background-color: rgb(175, 177, 190);
}

.container{
    padding-top: 50px;
    padding-bottom: 50px;
}



#contact {
  display: flex;
  justify-content: center; /* horizontal center */
  align-items: center;     /* vertical center */
  min-height: 95vh;       /* makes sure the section takes at least the viewport height */
}

form.contact {
  width: 100%;
  max-width: 700px;       /* optional, makes the form a nice width */
  background: #1f1f3d;       /* optional, for visibility */
  padding: 1rem;          /* optional, for spacing */
  border-radius: 8px;     /* optional, for rounded corners */
  box-shadow: 0 2px 8px rgba(0,0,0,0.08); /* optional, for subtle effect */
  color: white;
}



#hero{
    height: 12rem;
}


.containercontact{
	width: 500px;
	padding: 30px;
	border: 1px solid #eeeeee;
	border-radius: 10px;
	background-color: #42484b;
}
.h4{
	margin-bottom: 10px;
	font-size: 24px;
	color: white;
}
input{
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
}
textarea{
	width: 100%;
	padding: 10px;
}
#submit{
	border: none;
	background-color: #dc3545;
	color: white;
	width: 200px;
	margin-top: 10px;
	border-radius: 5px;
    transition: 0.3s;
}
#submit:hover{
	background-color: #000000;
}

.card{
    margin-top: 25px;
}

#about{
    background-color: #dc3545;
}

.meet{
    background-color: white;
    padding: 10px;
    border: 5px solid black; 
}