@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
:root {
  --ijstats-black: #222222;
  --ijstats-white: white;
  --ijstats-black-op: rgba(34, 34, 34, 0.15);
  --ijstats-grey: #757575;
  --ijstats-green: #09b695;
  --ijstats-light-grey: #cccccc;
  --ijstats-bg-color: #f3f3f5;
  --ijstats-red: #ee4821;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--ijstats-bg-color);
  font-family: "Inter", sans-serif;
  color: var(--ijstats-black);
}

.pt-bold {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
}

.inter-semi-bold {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

.ibm-regular {
  font-family: "IBM Plex Sans", sans-serif;
}

.color-grey {
  color: var(--ijstats-grey);
}

.message {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.connexion-img {
  height: calc(100vh - 70px);
}

.connexion-information {
  width: 45%;
  padding-left: 10%;
}

.connexion-information > img {
  width: 8rem;
}

footer {
  position: absolute;
  bottom: 0;
  z-index: 99;
  background-color: #e8e8ec;
  height: 70px;
  width: calc(100% + 5rem);
  margin-left: -5rem;
  padding-right: 2rem;
}

footer > a > img {
  max-height: 50px;
  margin-left: 20px;
}