@charset "utf-8";
/* CSS Document */
/* BASE
============================================================================= */
@import url('https://fonts.googleapis.com/css?family=Offside');

/* CONTENT
============================================================================= */
/* ANIMATIONS
============================================================================= */
/* logo */
.dd1 {
	animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
}

.dd {
	animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

.da {
	animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}

.dn {
	animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.dg {
	animation-delay: 1s;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.de {
	animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.dr {
	animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.zz {
	animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
}

.zo {
	animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.zn {
	animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.ze {
	animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

/* sidebar */
#side-home {
	animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

#side-about {
	animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

#side-work {
	animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}

#side-contact {
	animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}

#side-contact1 {
	animation-delay: 0.11s;
	-moz-animation-delay: 0.11s;
	-webkit-animation-delay: 0.11s;
}

#side-home1 {
	animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

#side-about1 {
	animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

#side-work2 {
	animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2;
}

#side-work1 {
	animation-delay: 2.3s;
	-moz-animation-delay: 2.3s;
	-webkit-animation-delay: 2.3s;
}

#side-work3 {
	animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

#side-contact1 {
	animation-delay: 3.3s;
	-moz-animation-delay: 3.3s;
	-webkit-animation-delay: 3.3s;
}

#side-contact2 {
	animation-delay: 4.4s;
	-moz-animation-delay: 4.4s;
	-webkit-animation-delay: 4.4s;
}

/* content */
#content1 {
	animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
}

#content {
	animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

#content img {
	animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}