@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src:
    local('Poppins'),
    url('../fonts/Poppins-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src:
    local('Poppins'),
    url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src:
    local('Poppins'),
    url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src:
    local('Poppins'),
    url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src:
    local('Poppins'),
    url('../fonts/Poppins-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src:
    local('Poppins'),
    url('../fonts/Poppins-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src:
    local('Poppins'),
    url('../fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src:
    local('Poppins'),
    url('../fonts/Poppins-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src:
    local('Poppins'),
    url('../fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src:
    local('Poppins'),
    url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src:
    local('Poppins'),
    url('../fonts/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src:
    local('Poppins'),
    url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src:
    local('Poppins'),
    url('../fonts/Poppins-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src:
    local('Poppins'),
    url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src:
    local('Poppins'),
    url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src:
    local('Poppins'),
    url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src:
    local('Poppins'),
    url('../fonts/Poppins-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src:
    local('Poppins'),
    url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
}

.v2-container {
    width: 100%;
    height: calc(100vh - 50px);
  }

  @media (min-width: 850px) {
    .v2-container {
      height: calc(100vh - 40px);
    }
  }

  @media (min-width: 1200px) {
    .v2-container {
      height: calc(100vh - 4px);
    }
  }

  .v2-content {
    width: 100%;
    height: 100%;
    border: none;
  }

  .react-container {
    font-size: 16px !important;
  }

  :root {
    --theme: engage;
  }