html {
  height: 100%;
}

body {
  padding-top: 30px;
  font-family: 'Inter', sans-serif;
  padding-bottom: 80px;
  background: rgb(3,34,108);
  background: linear-gradient(322deg, rgba(3,34,108,1) 0%, rgba(124,2,130,1) 100%);
}

.card {
  background: rgba(0, 0, 0, 0.8);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;	
}

.label {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
  margin-bottom: 5px;
  text-align: center;
  color: #FBE7F6;
}

input[type="email"], input[type="password"] { 
	border-radius: 20px;
  font-size: 16px;
}

.btn-client {
  color: #fff;
  background-color: #A600B5;
  border-radius: 20px;
  border-color: #A600B5;
}

.btn {
  border-radius: 20px;
}

.btn-client:hover {
  color: #fff;
  background-color: #82088D;
  border-color: #82088D;
}

.links {
  text-align: center;
  color: #000;
  margin-top: 10px;
}

a:link {
  text-decoration: none;
  color: #000;
  font-size: 14px;
}

/* animated bg  */
body {
  background: linear-gradient(-75deg, #000000, #8E1504, #A40000, #000000);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100vh;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}