html {
    box-sizing: border-box;
font-family: sans-serif;
font-size: 18px;
  }
  
  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }


  .taco{
      background-color: crimson;
     color: white;
     font-size: 125%;
     text-align: center;
     cursor: pointer;
     transition: all 0.3s ease-out;

  }

  .taco:hover{
      opacity: .9;
      transform: scale(.9);
  }



  .taco img{
      padding: 2rem;
     max-width: 100%;
     height: auto;
  }

  .taco figcaption{
      padding: 1rem;
  }

  .tacos{
     display: flex;
    flex-wrap: wrap;

  }

  .tacos> *{
      flex: 1 1 200px;
      margin: 1rem;
  }