.super-socializer {
	display: flex !important;
	justify-content: flex-start;
	margin: 25px 10px;
}

.the_champ_error {
	border: 1px solid rgba(255,255,255, 0.2) !important;
	border-radius: 10px;
	padding: 10px 5px;
	background-color: rgba(255,255,255, 0.2) !important;
}

.theChampLogin {
	margin: 0 0 0 15px !important;
	width: 50px !important;
	height: 50px !important;
}

.theChampFacebookLogoContainer {
    background-color: none;
	width: 100% !important;
	height: 100% !important;
}

.theChampFacebookLoginSvg {
    background-size: auto !important;
    padding-top: 0px !important;
	margin-top: -5px;
}

.theChampFacebookBackground {
	border-radius: 50px;
    background-color: #ffffff !important;
	border: 2px solid rgba(255,255,255,1) !important;
}

.theChampFacebookBackground:hover {
	border: 2px solid  #0866FF !important;
}

.theChampGoogleBackground {
	border-radius: 50px;
	border: 2px solid rgba(255,255,255,0) !important;
}

.theChampGoogleBackground:hover {
	border: 2px solid  #1a73e8 !important;
}

.theChampGoogleLoginSvg {
    background-size: auto !important;
}

.theChampGithubBackground {
	border-radius: 50px;
	border: 2px solid rgba(255,255,255,0) !important;
}

.theChampGithubBackground:hover {
	border: 2px solid  rgba(255,255,255,1) !important;
}

.theChampGithubLoginSvg {
    background-size: auto !important;
}

.separator-with-text {
    margin: 0 10%;
    position: relative;
	color: #ffffff;
}

.separator-with-text::before,
.separator-with-text::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 45%;
    border-bottom: 1px solid rgba(255,255,255,0.7);
}

.separator-with-text::before {
    left: 0;
}

.separator-with-text::after {
    right: 0;
}