*{
  margin:0;
  padding:0;
  color:white;
}
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-around; 
  align-items: center;           
}
nav a {
  text-decoration: none;
  color: #ffffff;
  padding: 10px;
}
header{
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgb(51, 214, 10);
  position:sticky;
  top:0px;
  padding:10px;
  font-weight:bold;
  font-size: 28px;
  font-family:sans-serif;
}
.nav-item{
  flex:0 1 200px;
}
.logo{
  display:flex;
  align-items:center;
  min-width:250px;
}

body{

  background: color #bd0dd4;
  height:5000px;
}
.Item-1{
display: flex;
flex-direction: column;
height: 200px;
margin-bottom: 50px;
border: 5px solid #333;
padding: 20px; 
}
.commentaries{
display: flex;
flex-direction: column;
height: 200px;
margin-bottom: 50px;
border: 5px solid #333;
padding: 20px; 
}
main{
  padding:25px;
  height:100vh;
  background-color:rgba(51, 14, 185, 0.5);
}
.map{
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS-oraQCt6259FAXzdUvAKf0YNhD6uk2Vyvzw&s);
}
span{
  padding:2px;
  background:rgb(179, 5, 231);
}

.pathfinder{
  padding:30px 30px;
  background-color:rgba(66, 196, 174, 0.2);
}