#logo h1{font-size:35px;margin:auto; text-align:center; color:dimgrey;}
#logo p {font-size: 25px;text-align:center; color:dimgray;}
.nav {font-size:20px;}
.nav a {color:dimgrey;}
.nav ul {margin-right: 60px; text-align: center;}
.nav ul li {display:inline-block;text-decoration: none;padding-right:30px;padding-left:60px;}
#line {width:100%;}

#title1{ text-align:center;}

#portfolio  {width:100%; height:auto;float:left;margin:4%;margin-top:-5px;}
.port  {float:left; width:425px; height:300px;margin:10px;margin-bottom:8%; }
.divclass{ background-color:aqua;}
a{ text-decoration:none;}

h1{text-align: center; margin-bottom:3%;}
#title p{width:60%;height:auto; margin-left:20%;}

.back {text-align: center; font-size:20px; text-decoration:underline;}

.principle {width:425px; height:auto; text-align: center; margin-left:32%;}

.aboutcontent {width:50%;height:auto; margin:3% 27%;}

.computeraided {width:425px; height:auto; text-align: center; margin-left:32%;}

.computercontrolled {width:425px; height:auto; text-align: center; margin-left:32%;}

<!--about-->
.aboutcontent {width:50%;height:auto; margin:3% 27%;}
.aboutcontent a {color:darkslateblue;}


<!--Week1-->

#week1title {text-align: center;}
#week1title {text-align: center;}
.week1content {width:80%;height:auto; margin:2% 13%}

<!--Week2-->

#week2title {text-align: center;}
#week2title {text-align: center;}
.week2content {width:70%;height:auto; margin:2% 13%}

.week2content a {color: darkslateblue;}

<!--finalproject-->

.final {width:70%;height:70%; margin-left:30%;}