@charset "UTF-8";
/* CSS Document */

@keyframes shake {
    0%   { transform: translateX(0); }

    10%  { transform: translateX(-6px); }
    20%  { transform: translateX(6px); }

    30%  { transform: translateX(-5px); }
    40%  { transform: translateX(5px); }

    50%  { transform: translateX(-4px); }
    60%  { transform: translateX(4px); }

    70%  { transform: translateX(-3px); }
    80%  { transform: translateX(3px); }

    90%  { transform: translateX(-2px); }

    100% { transform: translateX(0); }
}

.shake {
    animation: shake 0.6s cubic-bezier(.36,.07,.19,.97);
    box-shadow: 0 0 0 2px rgba(255, 80, 80, 0.6);
}

#loginCard {
    will-change: transform;
}

/* open-sans-regular */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/OpenSans-Regular.ttf');
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
	   url('fonts/OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-condensed-300 */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/OpenSans_Condensed-Light.ttf');
  src: local('Open Sans Condensed Light'), local('OpenSans_Condensed-Light'),
       url('fonts/OpenSans_Condensed-Light.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Open Sans Bold';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/OpenSans-Bold.ttf');
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/OpenSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
}
body{font-family: 'Open Sans';font-size: 12pt;line-height: 14pt;font-weight: normal;color: #fff;}
#bg-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	filter: blur(2px) brightness(0.8);
    z-index: -1;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

  /*  background: rgba(204, 102, 0, 0.35); /* dull orange */
	background: rgba(204, 102, 0, 0.5);
    mix-blend-mode: multiply;
    z-index: -1;
}
.content {
    position: relative;
    z-index: 1;
}
input{width: 90%; height: 40px; margin:10px;padding:5px;border:1px solid #333;border-radius:10px;color:#333; font-family: 'Open Sans'; font-size: 14pt}
.btn{width:90%; height: 50px; margin:10px 8px;padding:0px;border-radius:10px;border:1px solid #fff;background:rgba(221,96,0,1.00);color:rgba(255,255,255,1.00); font-family: 'Open Sans'; font-size: 14pt; line-height: 50px; cursor:pointer}
.btn2{width:90%; height: 50px; margin:10px 8px;padding:0px;border-radius:10px;border:1px solid #fff;background:rgba(221,96,0,0.00);color:rgba(255,255,255,1.00); font-family: 'Open Sans'; font-size: 14pt; line-height: 50px; cursor:pointer}
.err{margin-top:10px;color:#ff0000;min-height:1.2em; font-family: 'Open Sans'}
.footer{font-family: 'Open Sans';font-size: 10pt;line-height: 10pt;font-weight: normal;color: #fff;}