@font-face {
  font-family: 'PoppinsMedium';
  src: url('../fonts/Poppins-Medium.otf');
}

@font-face {
  font-family: 'PoppinsRegular';
  src: url('../fonts/Poppins-Regular.otf');
}

:root {
  --color-background: #fffdf7;
  --color-black: #212121;
  --color-black-heavy: #000000;
  --color-text: #4f4f4f;
  --color-text-out: #90908e;
  --color-primary: #edd21ef7;
  --color-secondary: #fff2cc;
  --color-third: #ff5f00;
  --color-white: #ffffff;
  --color-red: #e74c3c;
  --color-green: #2ecc71;
  --color-separate: #cccccc;
  --color-empresa: #fc7506;
}

html, body {
  font-family: 'PoppinsRegular', 'Rubik', sans-serif !important;
  background-color: var(--color-primary) !important;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  position: relative;
}

.img-banner img{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}