body{
    margin:0;
    padding:0;
}
.thumbnail {
    background:black;
  }
    .card {
      background-color: #f8f9fa;
      border: none;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease-in-out;
    }
    a, a:hover {
        color: black;
        text-decoration: none;
        font-weight:bold;
    }
  
    .card:hover {
      transform: scale(1.05);
    }
   .card  img{      
    width:100%;
     height:100%;
   }
   
   .social-media{
            display:flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }
        .social-media div{
            width:fit-content;
            padding:10px;
        
        }
       
        footer{
            background-color:rgb(226 223 224);
            display:block;
            padding:10px;
            margin:0px;
            margin-top:10px;

        }
        footer a{
            background-color:transparent;
            text-decoration: none;
            color:black

        }
        
        
        .copyrights p{
            width:fit-content;
            margin:auto;
            text-align: center;
        }
        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color:rgb(226 223 224);
            padding: 10px 20px;
        }

        h1 {
            margin: 0;
        }

        .nav-links {
            display: flex;
            gap: 20px;
            list-style: none;
            margin: 0;
            background-color:rgb(226 223 224);
            padding: 0;
        }

        .nav-links a {
            text-decoration: none;
            color: black;
        }

        .mobile-menu {
            display: none;
            cursor: pointer;
        }

        @media (max-width: 600px) {
            .nav-links {
                display: none;
                flex-direction: column;
                position: absolute;
                top: 52px;
                margin-top:-2px;
                left: 0;
                padding: 10px;
                background-color:rgb(226 223 224);
                width: 100%;
                z-index: 1;
            }

            .nav-links.open {
                display: flex;
            }

            .mobile-menu {
                display: block;
            }

            .mobile-menu.open svg.menu-icon {
                display: none;
            }

            .mobile-menu.open svg.close-icon {
                display: block;
            }
        }