@font-face {
  font-family: 'EF Circular';
  src: url('../font/EFCircular-Black.woff2') format('woff2'),
  url('../font/EFCircular-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'EF Circular';
  justify-content: center;
  align-items: center;
  height: 100vh; 
  background-image: url('../images/login/bg-01.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.form-group label {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.form-group button {
    margin-top: 1.5vw;
}

.form-signin {
  width: 100%;
}

.form-signin .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  transition: all 0.2s;
}

.form-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-group input {
  height: auto;
  border-radius: 2rem;
}

.form-group>input,
.form-group>label {
  padding: var(--input-padding-y) var(--input-padding-x);
}

.form-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-group input:-ms-input-placeholder {
  color: transparent;
}

.form-group input::-ms-input-placeholder {
  color: transparent;
}

.form-group input::-moz-placeholder {
  color: transparent;
}

.form-group input::placeholder {
  color: transparent;
}

.container {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
}

.row{
	width: 400px;
	height: 400px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 4vw;
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
	display: table;
}

.mx-auto {
	display: table-cell;
	vertical-align: middle;
}

.form-group>input {
  --input-padding-x: 1.5rem;
  --input-padding-y: .75rem;
}

/* Fallback for Edge
-------------------------------------------------- */

@supports (-ms-ime-align: auto) {
  .form-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .form-group input:-ms-input-placeholder {
    color: #777;
  }
}