ion-content {
  --background: #e5e5e5;
}

ion-card-content {
  overflow: hidden;
  white-space: pre-wrap;
}

ion-card {
  width: 90%;
  max-width: 700px;
  min-width: 350px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  margin-top: 15px;
  margin-bottom: 15px;
}

ion-card-title {
  text-align: center;
}

ion-button {
  --background: #4460AC;
}

.centerText {
  text-align: center;
}

.centerButton{
  display:flex;
  justify-content:center;
}

.centerLogo{
  margin-top: 10px;
  height: 140px;
}

.centerImage {
  margin-top: -135px;
  margin-bottom: -135px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width:400px;
}

html,
body {
  overflow: hidden;
}

h2 {
  font-weight: bold !important;
}

:root {
  --ion-toolbar-background: white;
  --ion-background-color: #e5e5e5;
  --ion-color-primary: #4460AC;
	--ion-color-primary-rgb: 68,96,172;
	--ion-color-primary-contrast: #ffffff;
	--ion-color-primary-contrast-rgb: 255,255,255;
	--ion-color-primary-shade: #3c5497;
	--ion-color-primary-tint: #5770b4;

	--ion-color-secondary: #47B3E6;
	--ion-color-secondary-rgb: 71,179,230;
	--ion-color-secondary-contrast: #000000;
	--ion-color-secondary-contrast-rgb: 0,0,0;
	--ion-color-secondary-shade: #3e9eca;
	--ion-color-secondary-tint: #59bbe9;

	--ion-color-tertiary: #D4972B;
	--ion-color-tertiary-rgb: 212,151,43;
	--ion-color-tertiary-contrast: #000000;
	--ion-color-tertiary-contrast-rgb: 0,0,0;
	--ion-color-tertiary-shade: #bb8526;
	--ion-color-tertiary-tint: #d8a140;

	--ion-color-success: #2dd36f;
	--ion-color-success-rgb: 45,211,111;
	--ion-color-success-contrast: #000000;
	--ion-color-success-contrast-rgb: 0,0,0;
	--ion-color-success-shade: #28ba62;
	--ion-color-success-tint: #42d77d;

	--ion-color-warning: #ffc409;
	--ion-color-warning-rgb: 255,196,9;
	--ion-color-warning-contrast: #000000;
	--ion-color-warning-contrast-rgb: 0,0,0;
	--ion-color-warning-shade: #e0ac08;
	--ion-color-warning-tint: #ffca22;

	--ion-color-danger: #eb445a;
	--ion-color-danger-rgb: 235,68,90;
	--ion-color-danger-contrast: #ffffff;
	--ion-color-danger-contrast-rgb: 255,255,255;
	--ion-color-danger-shade: #cf3c4f;
	--ion-color-danger-tint: #ed576b;

	--ion-color-medium: #92949c;
	--ion-color-medium-rgb: 146,148,156;
	--ion-color-medium-contrast: #000000;
	--ion-color-medium-contrast-rgb: 0,0,0;
	--ion-color-medium-shade: #808289;
	--ion-color-medium-tint: #9d9fa6;

	--ion-color-light: #f4f5f8;
	--ion-color-light-rgb: 244,245,248;
	--ion-color-light-contrast: #000000;
	--ion-color-light-contrast-rgb: 0,0,0;
	--ion-color-light-shade: #d7d8da;
	--ion-color-light-tint: #f5f6f9;

}

@media (prefers-color-scheme: dark) {
  ion-content {
      --background: #000000;
  }

  body {
      --ion-background-color: #000000;
      --ion-background-color-rgb: 0,0,0;
  
      --ion-text-color: #ffffff;
      --ion-text-color-rgb: 255,255,255;
  
      --ion-color-step-50: #0d0d0d;
      --ion-color-step-100: #1a1a1a;
      --ion-color-step-150: #262626;
      --ion-color-step-200: #333333;
      --ion-color-step-250: #404040;
      --ion-color-step-300: #4d4d4d;
      --ion-color-step-350: #595959;
      --ion-color-step-400: #666666;
      --ion-color-step-450: #737373;
      --ion-color-step-500: #808080;
      --ion-color-step-550: #8c8c8c;
      --ion-color-step-600: #999999;
      --ion-color-step-650: #a6a6a6;
      --ion-color-step-700: #b3b3b3;
      --ion-color-step-750: #bfbfbf;
      --ion-color-step-800: #cccccc;
      --ion-color-step-850: #d9d9d9;
      --ion-color-step-900: #e6e6e6;
      --ion-color-step-950: #f2f2f2;
  
      --ion-toolbar-background: #0d0d0d;
  
      --ion-item-background: #000000;
  
      --ion-card-background: #1c1c1d;
  }

  ion-card {
      background-color: #1c1c1d;
  }
}