body{
    box-sizing: border-box;
}
.header{
    color:#f87217;
    background-color: black;
    width:100%;
    padding:10px;
    position:fixed;
    right:0;
    top:0;
    
    
}

.footer{
    box-sizing: border-box;
    padding:10px;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background-color: black;
    color:white;
}

#name{
    padding-left:20px;
}

.nav{
    float:left;
    display: inline;

}
 .nav a{
    color:black;
    display:block;
    text-align:center;
    padding:12px 14px;
    text-decoration: none;
 }
 .navbar{
    list-style-type:none ;
    background-color: gray;
    overflow:hidden;
    width:100%;
    position: fixed;
    right:0;
    top:17%;
    margin:0;
 }
 .active{
    background-color: #f87217;
 }

 #about{
    position:fixed;
    top:24%;
    left:1;
 }