#repo{
	padding: 30px;
}

#repo__user-container{
	margin: 0 0 1rem 0;
	display: flex;
	align-items: center;
	/*justify-content: space-around;*/
	justify-content: space-between;
}

#back__btn{
	background-color: transparent;
	margin: 1rem 0 1rem 0;
	border: none;
	font-size: 1rem;
	align-self: flex-start;
	cursor: pointer;
	transition: all 0.5s ease;
	/*position: absolute;*/
	left: 5rem;
}

#back__btn:hover{
	transform: scale(1.2);
}

#back__btn:active{
	transform: scale(1.2);
}

#repo__user-info{
	align-items: center;
}

#repo__user-image{
	background-image: url(/images/octocat.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 5rem;
	width: 5rem;
	padding: 2rem;
	border-radius: 100%;
}

#repo__user-name{
	font-size: 14px;
}

#repo__user-name p{
	color: #79968d;
	font-size: 10px;
}

#repo__user-count{
	font-size: 12px;
}

#repo__user-count span{
	color: #009168;
	padding: 0 5px;
	font-size: 1.2rem;
	font-family: poppins;
}

/* #repo__container{
} */

#repo__component{
	background-color: #d8f5ec;
	/*height: 5rem;*/
	width: 80%;
	padding: 10px 10px;
	margin: 10px auto;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	font-size: 13px;
	transition: all 1s ease-out;
}
a {
	text-decoration: none;
}

#repo__component:hover{
	/*background-color: red;*/
	box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

#repo__component-main{
	color: #07215a;
	flex: 2;
	display: flex;
	flex-direction: column;
	word-break: break-all;
	/*justify-content: center;*/
	font-weight: bold;
	font-size: 17px;
}

#repo__component-main p{
	color: #5d736c;
	margin: 0.5rem 0 0.5rem 0;
	width: 70%;
	/*word-break: break-all;*/
	font-size: 11px;
	font-weight:normal;
}

#repo__component-footer{
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

#repo__component-icons{
	/* color: #dca203; */
	color: #dc0373;
	display: flex;
}

#repo__component-icons p{
	padding: 0 5px;
	font-size: 13px;
}
#repo__component-icons span{
	color: #000000;
	font-size: 13px;
}

#repo__component-language p{
	font-size: 12px;
	color: #000000;
	font-weight: 600;
}

#searchrepo__container{
	width: 70%;
	padding: 5px 20px;
	border: 1px solid #d90086;
	border-radius: 5px;
	display: flex;
	align-items: center;
	box-shadow: -5px 5px 2px 0 rgba(0, 0, 0, 0.04);
	margin: 0 10%;
}

#searchrepo__container i{
	color: #d90086;
}
#searchrepo__container input{
	background-color: transparent;
	width: 50%;
	padding: 10px 10px;
	border: none;
	outline: none;
}
.loader {
	border: 16px solid #e1d9d9;
	border-top: 16px solid rgb(255, 0, 140);
	border-bottom: 16px solid rgb(255, 0, 140);
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	margin: 5% auto;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
/* .pagination {
	display: inline-block;
	color: black;
	padding: 8px 16px;
	text-decoration: none;
}
 */