@font-face{
  font-family: "Bricolage";
  src: url("bricolage/bricolage.woff2") format("woff2 supports variations"),
    url("bricolage/bricolage.woff2") format("woff2-variations");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.bricolage {
  font-variation-settings: "wght" var(--bricolage-wght), "wdth" var(--bricolage-wdth), "opsz" var(--bricolage-opsz);
}

h1{
    color:rgb(211, 30, 66);
    text-shadow: 3px 8px 20px brown;
    font-size: 170%;;
  }

h2{
    font-size :20px;
}


body { 
font-family: "Bricolage";
    background-color: rgb(236, 211, 173);
    margin: 40px;
}

ul {
    margin:40px 0;
    display: flex;
    flex-direction: column;
    padding: 0px;
    list-style: none;
    gap: 50px;
    

}

li {
    display: grid;
    background: pink;
    grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
    margin:0;
}

p{
    margin: 0px;
}

a {
  color: coral;
  text-decoration: none;
text-align: center;
}

img {
  width: 100%;
  /* aspect-ratio: 1; */

}

.grid{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 100px;
}


  .categoriz {
    
  }