.title{
	text-align:center;
	background-color:lightpink;
	color:snow;
	font-family:"Trebuchet MS", sans-serif;
	padding:15px;
}

.topnav {
	background-color:lavenderblush;
	overflow: hidden;
}

.topnav a {
	float: left;
	text-align: center;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 17px;
	font-family:"Trebuchet MS", sans-serif;
	color:black;
}

.topnav a:hover {
	background-color:snow;
	color: black;
}

.topnav a.active {
	background-color:lightpink;
	color: snow;
}

body{
	margin:2% 10% 2% 10%;
	font-family:"Trebuchet MS", sans-serif;
}

.projecttitle{
	text-align:center;
}

.babypicture{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.darkmodelook{
	position:fixed;
	right:10px;
	bottom:10px;
	color:black;
	background-color:ghostwhite;
	border:2px solid gray;
}

.darkmode{
	background-color:black;
	color:white;
	.title{
		background-color:rebeccapurple;		
	}
	.topnav {
		background-color:mediumpurple;
	}
	.topnav a.active {
		background-color:darkslateblue;
	}
	a:visited{
		color:ghostwhite;
	}
	a:link{
		color:ghostwhite;
	}
}

.link{
	text-decoration-line:none;
	color:black;
}
a:visited{
	color:black;
}
a:link{
	color:black;
}

.video{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.photo{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.applet{
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:none;
}