.header{
    
    background-color:lightsteelblue;
    width: 100%;
    height:5px;
    ;margin-bottom:20px;
    
}
.navigation{
    width:100%;
    height:150px;
    background-color:white;
    
   
}


.my-Name{
   
    font-size:20px;
    width: 100px;
    background-color:lightsteelblue;
    float:left;
    text-align:center;
    padding:50px 10px 50px 10px;
    
    
    /*border-radius:20px;*/
}



.linkContainer{
    float:right;
}
.link{
    font-size:20px;
    width: 100px;
    background-color:white;
    float:left;
    text-align:center;
    padding:50px 10px 50px 10px;
    font-size:20px;
    width: 100px;
    text-align:center;
    /*border-radius:20px;*/ 
    color:black;
    text-decoration:none;
    
      

    /*transition-duration:1000ms;
    transition-property:background-color;
    transition-timing-function:ease-in;*/
}
.link:hover{
    background-color:lightsteelblue;
    color:black;
    

}

    

.Portfolio{
    float:right;
   
}
.aboutme{
    float:right;
}
.contact{
    float:right;
}

.mainContainer{
    width:100%;
    height:600px;
    position:relative;
    background-color:lightsteelblue;
    
    

}
iframe{
    height:500px;
    border:3px solid lightsteelblue;
    background-color:ghostwhite;
    
    width: 960px;
    position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
  	
    margin: auto;
    vertical-align:middle;
    
}


footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color:white;
    
    text-align: center;

    
}

.portfolio-containter{
    text-align:center;
    font-size:40px;
    font-family:sans-serif;
    margin:auto;
   
   
}
.portfolio-table{
    
    width:60%;
    height:75%;
    margin:auto;
    border:2px solid lightsteelblue;
    
}
    



.TDelement{
    
    text-align:center;
    position:relative;
    z-index:1;
    
    
    margin:auto;
    width:75px;
    height:75px;
    background-color:gainsboro;
    transition-duration:1000ms;
    transition-timing-function:ease-in;
    overflow:hidden;
    
}

.TDelement:hover{
    
    transform: scale(1.5);
    background-color:white;
    transform-origin:50% 50%;

}
.message-input{
    height:100px;
    width:100%;
}

.submit-button{
    margin:4px;
    padding:3px;
    background-color:lightsteelblue;
    

}
.email-input{
    width:100%;
    margin-top:3px;
    
}
.name-input{
    width:100%;
    margin-top:3px;
    
}

.portrait{
    padding:2px;
    border:3px solid lightskyblue;
    margin:2px;
}

#biography{
    font-size:20px;

}

.authors{
    font-size:20px;
    border: 1px solid lightsteelblue;
    padding:5px;
    margin:auto;
    position:relative;
    width:45%;

}