.content {
    display: inline-block;
}   

        
    
    .content a{

        display: block;
        text-decoration: none;
        padding: 15px;
              
        
    }
.content .store{
    display: none;
       position: absolute;
    background-color: hsl(0, 0%, 0%);
    min-width: 100px;
        box-shadow: 2px 2px 5px hsla(0, 0%, 0%,0.8);

    

}

.content:hover .store{
    display: block;
}

.content:hover button{
background-color: hsl(0, 0%, 70%);


}
.content a:hover{
background-color: hsl(0, 0%, 70%);

}
 {
            font-family: Arial, sans-serif;
            background-color: ;
            margin: 0;
            padding: 20px;
        }

        .product-container {
            max-width: 600px;
            margin: auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .product-image {
            width: 100%;
            border-radius: 8px;
        }

        .product-title {
            font-size: 2em;
            margin: 10px 0;
            color: #333;
        }

        .product-description {
            font-size: 1em;
            margin: 10px 0;
            color: #666;
        }

        .product-price {
            font-size: 1.5em;
            color: #007BFF;
            margin: 10px 0;
        }

        .add-to-cart {
            background-color: #007BFF;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1em;
            transition: background 0.3s;
        }

        .add-to-cart:hover {
            background-color: #0056b3;
        }
.clearfix::after
{
          content:"";
          display:block;
          clear:both;
}
#footar-div
{
width:100%;
 min-height:300px;
background-color:dark;
padding-left: 2%;
line-height:100px;
}
#videos-div
{
width:100%;
 min-height:100px;
background-color:rgb(110, 220, 110);
padding-left: 2%;
line-height:100px;
margin-bottom:10px;

}


nav a{

color:rgb(196, 37, 37);
font-size:1.1rem;
padding:5px;
text-decoration:none;


}
 nav a:hover 
{
color:rgb(64, 24, 145);
}




ul
{

list-style:none;
line-height:50px;
display: flex;
justify-content:flex-end;
}