html {
    background: #4ca1bd;
}
.shared{
  box-shadow:2px 2px 10px 5px #b8b8b8;
  border-radius:10px;
}
h2 {
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    margin-top: 20px;
}
*{
  transition: all 0.5s ease;
}
#thumbnails{
  text-align:center;
}
  img{
    width:100px;
    height:100px;
    margin:10px;
    cursor:pointer;
  }
  img{
      @media only screen and (max-width:480px){
    width:50px;
    height:50px;
  }
}
    

#main{
  width:50%;
  height:400px;
  object-fit:cover;
  display:block;
  margin:20px auto;
 
}
.hidden{
  opacity:0;
}