body {
  font-family: Arial;
  margin: 0:
  padding: 0;
  /* Add styles here! */

}

header {
  background: #333;
  color: white;
  padding: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}


.logo{
  width: 100px;
  madgin-right: 20px;
}



.nav-bar {
  display: flex;
  gap: 20px;
  margin-left: auto;
}



.nav-bar {
  display: flex;
  gap: 20px;
  margin-left: auto;
}


.nav-bar a {
  color: white;
  text-decoration: none;
}



.main-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}




.gallery {
  display: flex;
  flex-direction: row;
  width: 100%:
  margin-top: 20px;
}


.gallert img {
  width:200px;
}



table {
  border-collapse: collapse;
  width: 80%
  margin-bottom: 30px;
}





.form-row {
  display: flex;
  flex-direction:  row;
  gap: 20px;
  margin-top: 20px;

  
}


.card {
  border: 1px solid black;
  padding: 15px;
  width: 250px;
}



foter{
  background: #222;
  color: white;
  padding: 20px;
  margin-top: 40px;
}



.social {
  display:flex;
  flex-direction: row;
  gap: 10px;
  margin-top: 10px;
}

.social img {
  width: 40px;
}