@font-face {
  src: url(font/Roboto-Bold.ttf);
}

body{
	font-family: 'Roboto', sans-serif;
	/*font-family: Roboto;*/
	background: linear-gradient(280deg, #F02B40 0%, #F89939 100%);
	/*background: linear-gradient(280deg, #F89939 0%, #F02B40 100%);*/
}
.login_info_section{
	height: 500px;
}
.navbar{
	padding: 1rem 1rem;
	background: #252b2d;
}
.navbar-brand>img{
	width: 191px;
	height: 53.95px;
}



.offset-md-4 {
     margin-left: 25.3333333333%; 
}

.login_button{
	width: 120px;
	background: linear-gradient(60deg, #66bb6a, #43a047);
}
.signup_button{
	float: right;
	width: 120px;
	background: linear-gradient(60deg, #66bb6a, #43a047);
	margin-right: 9%;
}
.card{
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	background: #eee;
	box-shadow: 0 20px 50px rgb(212, 46, 46), 0 1px 2px rgba(78, 74, 74, 0.87);
}
.card-header{
	font-size: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: -20px;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	background: #252b2d;
	border-radius: 5px;
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
}
.navbar-light .navbar-nav .nav-link:hover{
	color: #FF2000;
}


.head-main >h1{
	margin-top: 100px;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 62px;
    font-weight: bold;
    line-height: 1.2em;
}

.head-para >p{
	color: #fff;
	font-size: 17px;
}

.card-section{
	margin-left: 40px;
}

.reset_button >button{
	float: right;
	background: linear-gradient(60deg, #66bb6a, #43a047);
}