/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.cards-container {
  display: flex;
  gap: 24px;
}

.card {
  flex: 1;
  border: 2px solid #ffffff;
  border-radius: 10px;
  padding: 24px;
  background-color: #000000;
}

/* Responsive */
@media (max-width: 600px) {
  .cards-container {
    flex-direction: column;
    gap: 16px;

  }
}
}