style.css

div.a{
 border:3px solid chartreuse;
 height:500px;
 width:300px;
 border-radius:10px;
 margin-top:50px;
}
hr{
 margin-left:20px;
 margin-right:20px;
}
h2{
 margin-left:20px;
}
h4{
 margin-left:10px;
}
img{
 margin-left:20px;
}

div.main {
 width: 200px;
 float: left;

}

div.aboutme {
 border: 2px solid red;
 width: 600px;
 height: 900px;
 margin-left:500px;
 border-radius:5px;

}
h1.c{
 text-align:center;
 background-color:steelblue;
 color:white;
}
ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color:midnightblue;
 height: 50px;
}

li {
 float: left;
}
li a {
 font-size: 20px;
 display: block;
 color: white;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
}
li a:hover {
 background-color:snow;
 color:black;
}
div.contact{
 border:1px solid black;
 width:200px;
 height: 500px;
}
div.c{
 left-margin:30px;
}
h1.w{
 color: forestgreen;
}

div.mid {
 margin-left:20px;
 padding-left:20px;
 float: left;
 border: 2px solid midnightblue;
 width: 400px;
 height: 400px;
}

p.m{
 margin-left:20px;
 color:black;
 font-size:20px;
}