html,
body {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100%;
}

.phone-wrapper {
  width: 100%;
  height: 100%;
}

.app-view {
  width: 100%;
  height: 100%;
}

.mainColor {
  background: hsla(247, 44%, 12%, 1);
  color: white;
}

.logo-header {
  padding-top: 25%;
  text-align: center;
}

.logo-header > img {
  width: 100%;
  max-width: 200px;
}

.logo-header-view {
  padding-top: 5%;
  text-align: center;
}

.logo-header-view > img {
  width: 100%;
  max-width: 150px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.pallet-color-1 {
  color: #b6c1ff;
}

.pallet-color-2 {
  color: #dae0ff;
}

.pallet-color-3 {
  color: #0d101f;
}

.pallet-bg-1 {
  background-color: #b6c1ff;
  color: #0d101f;
}

.pallet-bg-2 {
  background-color: #dae0ff;
  color: #0d101f;
}

.pallet-bg-3 {
  background-color: #0d101f;
  color: #fff;
}