/*
selector {
  property: value; 
  }
*/

@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


body {
    background-color:#2c2a30;
    color:white;
    font-family:"Inria-Serif";
}

h1, h2, h3{
    background-color:pink;
    margin:10px;
    margin-top:10px;
    opacity:90%;
    border:3px solid white;
}

img {
    width:50%;
    border:1px dashed pink;
}

 img {
        opacity: 1;
        filter: alpha(opacity=40);
    }
    
    img:hover {
        opacity: 0.5;
        filter: alpha(opacity=100);
    }

li {
  display: inline-block;
}

li a:hover {
  background-color: #111;
}


ul {
    list-style-type: none;
    margin: 0px;
    padding: 10px;
    background-color:#d8e3cf;
}

.sources {

  margin-bottom: 10px; /* Adds 10px of space below each list item */
  color:pink;
  padding-top: 10px;
  
}


p{
    margin-top:10px;
}
 
 .nav2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #d8e3cf;
}

li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

/* Change the link color on hover */
li a:hover {
  background-color: #703042;
  color: white;
}

.nav:hover{
    background-color:#ba5d77;
    color:White;
}

.Caption{
    margin:10px;
    color:#d8e3cf;
}
/*
body {
    background-image:url(" https://img.freepik.com/premium-photo/black-leaves-background-wallpaper_597316-123.jpg?semt=ais_hybrid");
}