* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    background-color: rgb(62, 127,54 );
    display: flex;
    justify-content: center;
    position: relative;
    font-size: 1em;
    /* padding: 30px 0; */
}

.wrapper {
    /* background-color: blueviolet; */
    background-color: white;
    width: 900px;
    /* height: 100vh; */
    padding: 30px 50px;
    border-radius: 20px;
}

#logo {
  display: flex;
  justify-content: center;
}

#logo img {
  width: 500px;
}

#menu {
  position: fixed;
  /* position: absolute; */
  left: 130px;
  top: 165px;
  /* background-color: azure; */
  font-size: 1.2em;
}

#menu a {
  text-decoration: none;
  color: white;
}

#menu ul {
  /* padding: 0; */
  /* margin: 0; */
  list-style-type: none;
}

#menu ul li {
  margin: 20px 0;
  /* text-transform: uppercase */
  cursor: pointer;
}

.section  {
  padding: 20px 0;
  font-size: 1.2em;
}

#intro {
  margin: 40px 0 0 0;
}

.section#photos {
  overflow: hidden;
}

#photos img {
  width: 100%;
}