@font-face {
 font-family: 'roboto_condensedregular';
    src: url('RobotoCondensed-Regular-webfont.eot');
    src: url('RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
     font-family: 'robotomedium';
    src: url('Roboto-Medium-webfont.eot');
    src: url('Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Medium-webfont.woff') format('woff'),
         url('Roboto-Medium-webfont.ttf') format('truetype'),
         url('Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { font-weight:300; line-height:1.2em;font-family:"roboto_condensedregular",Arial, Helvetica, sans-serif;}

/* html { 
  background:url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} */

html { 
  background: linear-gradient(105deg,#000000,#fd6805);
  background-size: 120% 120%;
  animation: gradient-animation 2s ease infinite;
}

/* @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
} */

/* backgrounds
============================================================================*/
.uk-button-red{background:#f00 !important; color:#fff !important}
.uk-button-red:hover{background:#900 !important; color:#fff !important}
.uk-button-success{background:#093 !important; color:#fff !important}
.uk-button-success:hover{background:#0ba23d !important; color:#fff !important}

#log-left{ 
     background:#fff url("../images/bg_login.png") no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     min-height: 200px;

}
