@keyframes up_and_down {

	 0% {   top: 200px;}

	 50% {  top: 180px;}

	 100% { top: 200px;}

}

@-webkit-keyframes up_and_down {

	 0% {   top: 200px;}

	 50% {  top: 180px;}

	 100% { top: 200px;}

}

@keyframes UFO {

	 0% 	{top:-40px;left:-180px;}

	 20% 	{top:-40px;left:-180px;}

	 50% 	{top: 180px;left:340px;}

	 60% 	{top: 180px;left:340px;}

	 65% 	{top:220px;left:-100px;}

}

@-webkit-keyframes UFO {

	 0% 	{top:-40px;left:-180px;}

	 20% 	{top:-40px;left:-180px;}

	 50% 	{top: 180px;left:340px;}

	 60% 	{top: 180px;left:340px;}

	 65% 	{top:220px;left:-100px;}

}



body				{font-family: 'Roboto Slab', serif;margin:0;}

.content			{background:url(../images/alien_ufo_cow.jpg) no-repeat bottom center;background-size:cover;width:100%;height:100vh;}

.warning_sign		{position: absolute;width: 550px;right: 200px;top: 200px; z-index:2;

					animation-name: up_and_down;

					animation-duration: 2s;

					animation-iteration-count: infinite;

					animation-timing-function: linear;}

.warning_sign img	{width: 100%;position: absolute;top: 0;left: 0;}

.warning_sign .text {position: absolute;top: 125px;padding: 0 20px;}

.warning_sign .top	{font-size: 32px;text-align: center;font-weight:900;margin-bottom: 20px;}

.warning_sign .bottom	{font-size:16px;font-weight:400;text-align: justify;padding: 0 30px;}

.UFO				{position:absolute;top:-40px;left:-180px;z-index:1;

					animation-name: UFO;

					animation-duration: 10s;

					animation-iteration-count: infinite;

					animation-timing-function: linear;}



.login_area			{position: absolute;width: 550px;right: 200px;top: 200px;z-index:2;padding:30px;border:6px solid #f5c323;background:white;border-radius:20px;}

.login_area .form-group		{margin-bottom:10px;}

.login_area	label	{width:100px;display:inline-block;}

.login_area	.form-control		{width:300px;display:inline-block;

							    padding: 0.375rem 0.75rem;

							    font-size: 1rem;

							    font-weight: 400;

							    line-height: 1.5;

							    color: #212529;

							    background-color: white;

							    background-clip: padding-box;

							    border: 1px solid #dee2e6;

							    -webkit-appearance: none;

							    -moz-appearance: none;

							    appearance: none;

							    border-radius: 0.375rem;

							    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.login_area .form-control:focus	{    color: #212529;

							    background-color: white;

							    border-color: #86b7fe;

							    outline: 0;

							    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);}

.login_area .button				{padding: 10px 20px;

							    font-size: 16px;

							    background: #406684;

							    color: white;

							    border: 0;

							    border-radius: 4px;

							    font-weight: bold;

								cursor:pointer;}

.login_area .button:hover		{background:navy;}