/*Background*/
main {
	background-color: #1a1612;
}

/*Socials*/
#slider-socials {
	background-color: #191b1c;
	border-left: none;
	border-radius: 0 5px 5px 0;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
	width: 4rem;
	left: 0;
	position: fixed;
	z-index: 20;
}

.slider-social {
	padding-bottom: 100%;
	cursor: pointer;
	transition: background 0.3s, transform 0.3s;
}

.slider-social:hover {
	transform: scale(1.2);
}

.slider-social-ico {
	background-size: 30%;
	z-index: 1;
}

#slider-social-txt {
	text-orientation: mixed;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	line-height: 4rem;
	padding: 1rem 0;
	transition: background 0.3s, transform 0.3s;
}

#slider-social-txt:hover {
	transform: rotate(180deg) scale(1.2);
}

/* Texts */
.home-title {
	font-size: 3rem;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-transform: uppercase;
}

.light .home-title {
	color: #fff;
}

.home-desc {
	margin: 0 auto;
	font-size: 1.1rem;
	line-height: 2;
}

.light .home-desc {
	color: #eee;
}

.home-line {
	display: inline-block;
	margin: 2rem 0;
	width: 8rem;
	height: 0.8rem;
}

/*  Responsive */
@media only screen and (max-width: 1000px) {
	#slider-socials {
		border-radius: 5px 0 0 0;
		box-shadow: -2px 2px 20px rgba(0, 0, 0, 0.4);
		width: auto;
		left: auto;
		right: 0;
		top: auto;
		bottom: 0;
		transform: none;
	}

	.slider-social {
		display: inline-block;
		width: 4rem;
		padding-bottom: 4rem;
		vertical-align: middle;
	}

	#slider-social-tele {
		transform-origin: 100% 100%;
	}

	#slider-social-txt {
		display: inline-block;
		writing-mode: horizontal-tb;
		transform: rotate(0deg);
		line-height: 4rem;
		vertical-align: middle;
		padding: 0 1rem;
	}

	#slider-social-txt:hover {
		transform: rotate(0deg) scale(1.2);
	}
}

@media only screen and (max-width: 550px) {
	#slider-socials {
		width: 100%;
	}
}