body.portfolio  {
    color: rgb(40, 40, 40);
}

body.portfolio main {
	margin-bottom: 15px;
}

body.portfolio a#portfolio {
    color: rgb(40, 40, 40);
}

body.activity.portfolio a#activity, body.work.portfolio a#work {
	color: white;
}

#portfolio-intro .rich-text {
    font-size: 24px;
    line-height: 34px;
}

body.portfolio .page-preview img {
    border-top: 1px solid white;
}

body.portfolio {
	width: 100vw;
	height: 100vh;
	background: linear-gradient(-45deg, rgba(204,173,110,1) 6.61%, rgba(246,102,72,1) 31.84%, rgba(0,173,238,1) 57.6%, rgba(70,186,133,1) 83.1%);
	background-size: 400% 400%;
	background-attachment: fixed;
	
	-webkit-animation: Gradient 180s ease infinite;
	-moz-animation: Gradient 180s ease infinite;
	animation: Gradient 180s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/* Activity Page */

.activity.portfolio time {
	color: inherit;
}

.portfolio .activity-post {
	color: inherit;
}

.portfolio .activity-post h1 {
    border-bottom-color: rgb(40, 40, 40);
}

/* Work Page */

.portfolio .work-post {
	color: inherit;
    background-color: white;
}

.portfolio .work-post a, .portfolio .activity-post a {
	color: inherit;
    text-decoration: underline;
}