#homebutton{
color:white;
}
#profilebutton{
color:white;
}
#projectsbutton{
color:#FF9900;
}
#miscbutton{
color:white;
}
#content{
margin: 20px auto 20px auto;
width: 1140px;
}

#raspberry{
font-family: Open sans;
background-color:#CC0066;
padding: 20px;
border-radius: 20px;
font-size: 20pt;
margin-bottom: 20px;
color: white;
}

#chromeextension{
	font-size: 20pt;
	padding: 20px;
	background-color: #00BFFF;
	border-radius: 20px;
	font-family:Open sans;
	margin-bottom: 20px;
	color: white;
}
#chromeextension p{
	font-size: 16pt;
}
#raspberry p{
font-size: 16pt;
}

#animationcontent{
font-family: open sans;
background-color: yellow;
padding: 20px;
border-radius: 20px;
font-size: 20pt;
}

#animationcontent p{
font-size: 16pt;
}

.animations{
margin-top: 20px;
border-radius: 20px;
background-color: black;
display: inline-block;
width: 360px;
}
#animation2{
float: right;
}
#animation3{
margin-left:20px;
}

.animations2{
margin-top:10px;
border-radius: 10px;
display: inline-block;
}
#animation5{
margin-left: 7px;
}
#animation6{
margin-left:7px;
}
#animation7{
float:right;
}

#mobilecharger{
font-family: Open sans;
background-color:#99FF66;
padding: 20px;
border-radius: 20px;
font-size: 20pt;
margin-top: 20px;
margin-bottom: 20px;
}

#description{
font-size: 16pt;
}