.b {
    /* The image used */
    background: url(../img/high-resolution-black-background-09.jpg);
    /* Half height */
    height: 50%;
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#jo{
    background: #E4E5E9;
    padding: 0px;
    margin-top: 50px;
}
#header{
    background: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
    color: #f5f5f5;
}
.social-icons{
    font-family: "Open Sans";
    font-size: 1.5em;
}
.social-icons ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-icons li{
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}
.social-icons a{
    display: block;
    font-size: 1.4em;
    margin: 0 5px;
    text-decoration: none;
}
.social-icons i{
    color: #f5f5f5;
}
.social-icons i:hover, i:focus, i:active{
    transition: none;
    color: darkmagenta;
}
#footer{
    background: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
    color: #f5f5f5;
    margin-bottom: 50px;
}
#name{
    letter-spacing: 0.4em;
    font-weight: bold;
    margin-top: 20px;
}
#web{
    letter-spacing: 0.2em;
    margin-top: 30px;
}
#underline{
    width: 330px;
    height: 7px;
    margin-top: 20px;
    background: #CECBD0;
}
#paper{
    background: green;
}
.user-img{
    height: 200px;
    width: 200px;
    border-radius: 100px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 20px;
    display: inline-block !important;
    border: 3px solid white;
    padding: 5px;
}
#exp{
    background: #CDCDCF;
    padding: 5px;
}