/******* Utilities Start *********/

body{
    margin:0 auto;
    padding:0;
    width:800px;
    height:800px;
}

.home_content {
    margin:0 auto;
    padding:0;
    width:800px;
    height:800px;
    align-self:center;
    background-image: url("../images/homebackground.png"); 
}

.content {
    margin:0 auto;
    padding:0;
    width:800px;
    height:800px;
    background-image: url("../images/background.png"); 
}

h1 {
    font-size:48px;
    font-family:avenir;
    font-style:book;
}

h2 {
    font-size:30px;
    font-family:baskerville;  
}

h3 {
    font-size:24px;
    font-family:avenir;
}

h5 {
    font-size:18px;
    font-family:avenir;
    font-style:bold;
}

h6 {
    font-size:12px;
    font-family:baskerville;
    font-style:normal;
}

p {
    font-size:18px;
    font-family:baskerville;
}

a {
    border:1px solid black;
    padding:10px 50px;
    font-family:avenir;
    font-size:16px;
    text-decoration:none;
    color:black;
}

#active {
    background:#cfd1d2;
}

/******* Navigation Start *********/

nav {
    width:800px;
    height:100px;
    display:inline-block;
}

.top {
    margin-top:500px;
}

.bottom {
    
}


.logo {
    border:none;
    margin-left:140px;  
}

.logo > img:hover {
    width:110px;  
}

.about_link {
   float:left;
}

.about_link:hover {
   background:#cfd1d2;
}

.contact_link {
    float:right;
}

.contact_link:hover {
   background:#cfd1d2;
}

.resume_link {
    float:left;
}

.resume_link:hover {
   background:#cfd1d2;
}

.portfolio_link {
    float:right;
}

.portfolio_link:hover {
   background:#cfd1d2;
}

/******* Navigation End *********/

/******* Utilities End *********/

/******* Home Start *********/

.home_title {
    position:absolute;
    margin-left:130px;
    margin-top:90px;
   
}
    
.home_subtitle {
    position:absolute;
    margin-left:180px;
    margin-top:160px;
   
}

/******* Home End *********/

/******* About Start *********/

.about_img {
    position:absolute;
    margin-left:170px;
    margin-top:65px
}


.about_text_top {
    position:absolute;
    width:300px;
    min-height:300px;
    margin-left:430px;
    margin-top:40px;
    
}

.about_text_bottom {
    position:absolute;
    width:570px;
    margin-top:320px;
    margin-left:170px;
}


/******* About End *********/

/******* Contact Start *********/


.content {
    
}

.contact_title {
    position:absolute;
    top:20px;
    top:20;
}

.contact_subtitle {
    position:absolute;
    top:80px;
    top:80;
}

form {
    position:absolute;
    top:200px;
    top:120;
    margin-left:175px;
    
}

body > div > form > table > tbody > tr:nth-child(5) > td > input[type="submit"] {
    margin-left:150px;
}

input {
    width:150px;
    height:25px;
    margin-bottom:20px;
}

textarea {
    height:100px;
}






/******* Contact End *********/

/******* Portfolio Start *********/

.portfolio_top_head {
    position:absolute;
    top:20px;
    top:20;
}

.portfolio_top_links {
    height:100px;
    width:1000px;
    position:absolute;
    top:100px;
    top:100;
    
    
}


.portfolio_top_links > a {
   border:none;  
}





.portfolio_bottom_head {
    position:absolute;
    top:250px;
    top:220;
}

.portfolio_bottom_links{
   height:150px;
    width:1000px;
    position:absolute;
    top:330px;
    top:300;
}

.portfolio_bottom_links > a {
   border:none;
    
}




/******* Portfolio End *********/

/******* Resume' Start *********/

.resume_title {
    position:absolute;
    margin-left:250px;
}

.resume_subtext {
    position:absolute;
    width:500px;
    height:200px;
    margin-top:100px;
    margin-left:170px;
}

.resume_button {
    position:absolute;
    margin-top:350px;
    margin-left:300px;
    
}

aside {
    position:absolute;
    margin-left:700px
}

body > div > aside > div.top_aside > h6 {
    margin-top:-30px;
}

body > div > aside > div.top_aside > h5 {
    margin-top:50px;
}

body > div > aside > div.mid_aside > h6 {
    margin-top:-30px;
}

body > div > aside > div.mid_aside > h5 {
    margin-top:-15px;
}

body > div > aside > div.bottom_aside > h6 {
    margin-top:-30px;
}

body > div > aside > div.bottom_aside > h5 {
    margin-top:-15px;
}

/******* Resume' End *********/