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

body{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; background-image: url("https://televisionsyndication.com/x/cdn/?https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&w=1450");background-position: center top;background-repeat: no-repeat;background-size: cover;display: flex; justify-content: center;align-items: center}
		.logo{width:100%;max-width:150px;}
		.hr-gradient{border: none;background-image: linear-gradient(to right, rgba(255,255,255,0),#FF0206, rgba(255,255,255,0));;height: 1px;}
		.sign-in-container{
			background-color:#ffffff;
			max-width: 500px;
			width:100%;
			margin: 0 auto;
			padding: 20px;
			border-radius: 10px;
			box-shadow: 0px 8px 18px; rgba(0,0,0,.2);
			text-align: center;
			overflow: hidden;
		}
		@keyframes slideIn{
			from{
				opacity: 0;
				transform: translateX(-20px);
			}
			to{
				opacity: 1;
				transform: translateX(0px);
			}
		}
		.text-input{
			width:100%;
			margin-bottom: 40px;
			font-size: 25px;
			animation: slideIn .5s ease-in-out;
			border:none;
			border-bottom: 1px solid #9ca3af;
			outline: none;
			
		}
		.submit-btn{
			border: none;
			border-radius: 60px;
			font-size: 25px;
			padding: 10px 50px;
			margin: 0 auto;
			display: block;
			color: #ffffff;
			cursor: pointer;
			transition: .3s ease-in-out;
			background-color:#FF0206;
		}
		.submit-btn:hover{
			background-image:none;
			background-color:#FF0206;
		}