/**
 * CSS styles
 * for page/index
 *
 */

.index-title-section .container {
	margin-top: 25px;
	margin-bottom: 50px;
}

.index-title-section h1,
.index-title-section h2 {
	font-family: RobotoBold, Arial, sans-serif;
	font-size: 48px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
	.index-title-section h1,
	.index-title-section h2 {
		font-size: 32px;
	}
}

.index-title-section p {
	font-size: 20px;
	text-align: center;
}

.document-section .social-network {
	margin-bottom: 1rem;
}
.document-section .social-network .social-icons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 5px;
}
.document-section .social-network .social-icons .social-icon {
	margin: 0px 5px;
}
.document-section .social-network .social-icons .social-icon:first-child {
	margin-left: 0px;
}
.document-section .social-network .social-icons .social-icon img {
	object-fit: contain;
	object-position: 50% 50%;
	width: 30px;
	height: 30px;
}

/* ------------------------------------- blog-list --------------------------------------*/
.blog-section .container {
	align-items: center;
}
/* ------------------------------------ /blog-list --------------------------------------*/

/* ------------------------------------- task-form --------------------------------------*/
.index-form-section .container {
	margin: 50px auto;
}
.index-form-section h2 {
	font-family: RobotoMedium, Arial, sans-serif;
	font-size: 40px;
	text-align: center;
	margin-bottom: 50px;
}
/* ------------------------------------ /task-form --------------------------------------*/

/* ------------------------------------- login-form -------------------------------------*/

.index-login-section form {
	max-width: 260px;
}
.index-login-section form input {
	border-radius: .25rem !important;
	border: 1px solid #ced4da !important;
}

.social-login-section {
}
.social-login-section .container {
	margin: 10px auto;
}

/* ------------------------------------- /login-form-------------------------------------*/