.topic_icon {
	display: inline-block;
	width:150px;
	height:150px;
	border-radius:15px; 
}

.demo_image {
	display: inline-block;
	width:298px;
	height:298px;
}

.outer {
	margin-top:20px;
}

.inner_section {
	display:inline-block;
	width:80%;
	height: 100%;
}

.prod_img {
	margin:0 30px 0 30px;
}

#java_icon {
	background: url(../img/homepage.svg) 0px 0px;
}

#python_icon {
	background: url(../img/homepage.svg) -150px 0px;
}

#web_icon {
	background: url(../img/homepage.svg) -300px 0px;
}

#organized_topics_image {
	background: url(../img/homepage.svg) 2px -302px;
}

#project_demo_image {
	background: url(../img/homepage.svg) -302px -302px;
}

#quiz_demo_image {
	background: url(../img/homepage.svg) -2px -600px;
}

#proj_prereq_image {
	background: url(../img/homepage.svg) -302px -602px;
}

#proj_progress_image {
	background: url(../img/homepage.svg) 2px -902px;
}

#plant_bot_game_icon {
	background: url(../img/homepage.svg) 0px -150px;
}

#doors_game_icon {
	background: url(../img/homepage.svg) -600px -300px;
}

#animation_icon {
	background: url(../img/homepage.svg) -150px -150px;
}

#insurance_graph_icon {
	background: url(../img/homepage.svg) -300px -150px;
}

#target_shoot_icon {
	background: url(../img/homepage.svg) -450px -150px;
}

#sql_gen_icon {
	background: url(../img/homepage.svg) -600px -150px;
}

#lin_alg_icon {
	background: url(../img/homepage.svg) -450px -0px;
}