.q-table__title,
.q-table tbody td,
.q-table th {
  /* don't shorten cell contents */
  white-space: normal !important;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.q-table__grid-item-row {
  display: flex;
  justify-content: space-between;
  /* this will align the title and value elements within each container to the right and left, respectively */
}
.q-table__top {
  background-color: #c8e6c9;
  display: flex;
  align-items: center;
}
.data-amplify-container {
  background-color: var(--amplify-colors-red-80);
}
[data-amplify-authenticator] {
  --amplify-colors-background-primary: var(--amplify-colors-red-90);
  --amplify-components-button-primary-background-color: var(
    --amplify-colors-green-60
  );
  --amplify-components-button-primary-hover-background-color: var(
    --amplify-colors-green-40
  );
  --amplify-components-button-primary-focus-background-color: var(
    --amplify-colors-green-40
  );
  --amplify-components-button-primary-active-background-color: var(
    --amplify-colors-green-60
  );
  --amplify-components-button-link-color: var(
    --amplify-colors-green-60
  );
  --amplify-components-button-link-hover-color: var(
    --amplify-colors-green-40
  );
  --amplify-components-button-link-focus-color: var(
    --amplify-colors-green-40
  );
  --amplify-components-button-link-active-color: var(
    --amplify-colors-green-60
  );
  --amplify-components-button-link-active-background-color: transparent;
  --amplify-components-button-link-focus-background-color: transparent;
  --amplify-components-button-link-hover-background-color: transparent;
  --amplify-components-table-data-border-color: var(
    --amplify-colors-black
  );
  --amplify-components-table-data-color: var(--amplify-colors-black);
  --amplify-components-table-header-border-color: var(
    --amplify-colors-black
  );
  --amplify-components-table-header-color: var(
    --amplify-colors-black
  );
  --amplify-components-table-row-hover-background-color: var(
    --amplify-colors-black
  );
  --amplify-components-table-row-striped-background-color: var(
    --amplify-colors-black
  );
  --amplify-components-tabs-item-hover-color: var(
    --amplify-colors-green-40
  );
  --amplify-colors-font-active: var(--amplify-colors-green-90);
}
.fifa-image {
  max-height: auto;
  max-width: 80%;
}