*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

img{
    width: 100%;
    border-radius: 3px;
}

body{
    color: white;
}

header{
    display: flex;
    background-color: rgba(110, 103, 151, 0.752);
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    backdrop-filter: blur(10px);
}
ul{
    display: flex;
    /* flex-direction: column; */
    gap: 5px;
    padding: 10px;
}

li{
    text-decoration: none;
    list-style: none;
}
a{
    padding: 4px 8px;
    background-color: rgb(131, 99, 161);
    color: white;
    text-decoration: none;
    border-radius: 5px;

}

.productos{
    margin: 0 auto;
    width: 400px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
    flex-wrap: wrap;
}

.producto{
    /* width: 120px; */
    /* display: flex; */
    background-color: rgb(98, 65, 128);
    padding: 5px;
    border-radius: 5px;
    /* border: 5px solid  rgb(98, 65, 128); */
    /* margin-bottom: 5px; */
}
.producto h2{
    font-size: 16px;
}