/* GENERAL */
body {
	color: #ddd;
	font-family: "Open sans", sans-serif;
	font-size:13px;
	text-align:center;
	font-weight: bold;
	background-color: #1a1a1a;
	margin: 0px;
	overflow: hidden;
}

/* SVG */
#svg-animate {
	width: 100%;
	height: 100vh;
	fill: #ddd;
	fill-opacity: 0;
	font-size: 50px;
	text-align: center;
	stroke: #ddd;
	stroke-width: 1;
	stroke-miterlimit: 1;
	stroke-linecap: round;
}
.line-drawing {
	animation: drawLine 4s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards, 
	fillPath 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) 3s forwards;
}
@keyframes drawLine {
	to {
		stroke-dashoffset: 0;
	}
}
@keyframes fillPath {
	to {
		fill-opacity: 1;
	}
}

/* FOOTER */
#footer {
	position: fixed;
	bottom: 0;
	height: 60px;
	width: 100%;
	background-color: #222;
	text-align: center;
	padding-right: 3%;
	z-index: 1;
}
#footer span {
	display: inline-block;
	float: right;
	font-size: 14px;
	line-height: 60px;
	vertical-align: middle;
	color: #aaa;
}


/* MOBILE */
@media (max-width:768px) {
	
	.container {
		margin: 0 20px;
	}
}