body{
	background-image: url('https://comfycozytheo.com/include/Website_Background.png');
	color: white;
	font-family: 'Albert Sans', sans-serif;
}

#content{
	padding-left: 20%;
	padding-right: 20%;
	text-align: center;
}

#title{
	font-size: 75px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-family: 'Josefin Sans', sans-serif;
}
#sub-title{
	color: #c9c9c9;
	font-size: 25px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}

#email-text{
	color: #c9c9c9;
	margin: 0px;
	margin-bottom: 20px;
}

a{
	color: #c9c9c9;
}

#demo-reel{
	width: 40vw;
	height: 23vw;
}

.portfolio-entry{
	border: 2px #434343 solid;
	padding: 5px;
	margin-top: 20px;
	text-align: left;
	width: 100%;
}

.beside{
	display: inline-block;
	vertical-align: top;
}

.entry-text{
	width: 48%;
	padding-left: 10px;
	text-align: left;
}

.entry-video{
	width: 50%;
	height: 17vw;
	padding-right: 5px;
	text-align: center;
}

.top-text{
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 2vw;
	word-wrap: normal;
	font-family: 'Josefin Sans', sans-serif;
}

.middle-text{
	margin-top: 10px;
	margin-bottom: 10px;
	color: #c9c9c9;
	font-size: 0.95vw;
}

.bottom-text{
	margin: 0px;
	margin-top: 20px;
	font-size: 1.17vw;
	word-wrap: normal;
}

.descriptor{
	overflow-wrap: initial;
}

/* For Mobile specific CSS */
@media (max-width: 1655px){
	.portfolio-entry{
		text-align: center;
	}
	.entry-video{
		width: 100%;
		height: 34vw;
	}
	.entry-text{
		padding: 10px;
		width: 98%;
	}
}