a {
text-decoration: none;
}
body {
/* background: -webkit-linear-gradient(bottom, #2dbd6e, #a6f77b);
background-repeat: no-repeat; */
}

#btnHome {
    position: relative;
}
#btnHome span {
    position: absolute;
    top: 30px;
    right: 20px;
}

#btnForget {
    position: relative;
    margin-top: 30px;
    text-align: center;
}
/* #btnForget span {
    position: absolute;
    top: 30px;
    right: 20px;
} */

#divbg{
margin: -4rem auto auto auto;
background-image:url('../img/bgcardclear.png');
background-size:100%;
background-repeat: no-repeat;
object-fit: fill;
height: 1000px;
width: 329px;
}
#card {
background-color:white;
background-position: center;
background-repeat: no-repeat;
height: 435px;
margin: 250px auto auto auto;
width: 290px;
}
#card-content {
padding: 10px 30px;
}
#card-title {
font-family: "Raleway Thin", sans-serif;
letter-spacing: 4px;
padding-bottom: 23px;
padding-top: 13px;
text-align: center;
}

#submit-btn {
background: -webkit-linear-gradient(right, #a6f77b, #2dbd6e);
border: none;
border-radius: 21px;
box-shadow: 0px 1px 8px #24c64f;
cursor: pointer;
color: white;
font-family: "Raleway SemiBold", sans-serif;
height: 42.3px;
margin: 0 auto;
margin-top: 50px;
transition: 0.25s;
width: 153px;
}
#submit-btn:hover {
box-shadow: 0px 1px 18px #24c64f;
}

.radio-button {
float: left;
margin: 0 0 0 0;
width: 100px;
height: 40px;
position: relative;
}

.radio-button label,
.radio-button input {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.radio-button input[type="radio"] {
opacity: 0.011;
z-index: 100;
}

.radio-button input[type="radio"]:checked + label {
background: #0984e3;
color: white;
border-radius: 4px;
}

.radio-button-op input[type="radio"]:checked + label {
background: #c0392b;
color: white;
border-radius: 4px;
}

.radio-button label {
cursor: pointer;
z-index: 90;
line-height: 1.3em;
}

.form__group {
position: relative;
padding: 15px 0 0;
margin-top: 10px;
}

.form__field {
font-family: inherit;
width: 100%;
border: 0;
border-bottom: 1px solid #d2d2d2;
outline: 0;
font-size: 16px;
color: #212121;
padding: 7px 0;
background: transparent;
transition: border-color 0.2s;
}

.form__field::placeholder {
color: transparent;
}

.form__field:placeholder-shown ~ .form__label {
font-size: 14px;
cursor: text;
top: 20px;
}

label,
.form__field:focus ~ .form__label {
position: absolute;
top: 0;
display: block;
transition: 0.2s;
font-size: 12px;
color: #9b9b9b;
}

.form__field:focus ~ .form__label {
color: #009788;
}

.form__field:focus {
padding-bottom: 6px;
border-bottom: 2px solid #009788;
}

.invalid {
/* padding-bottom: 6px; */
border-bottom: 2px solid red;
}


#myVideo {
position: fixed;
z-index: -1000;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}
.bg {
animation:slide 3s ease-in-out infinite alternate;
background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
bottom:0;
left:-50%;
opacity:.5;
position:fixed;
right:-50%;
top:0;
z-index:-1;
}

.bg2 {
animation-direction:alternate-reverse;
animation-duration:4s;
}

.bg3 {
animation-duration:5s;
}
@keyframes slide {
  0% {
  transform:translateX(-25%);
  }
  100% {
  transform:translateX(25%);
  }
}