.username {
    display: inline-block;
    position: absolute;
    margin-left: 25px;
    font-weight:400;
    margin-top: 2px;
    font-size: 19px !important;
}

.material-icons {
    display: inline-block;
    position: absolute;
    margin-top: 12.5px;
}

#logout {
    margin-left: 90px;
}

.nav-link {
    font-size: 20px;
}

.navbar-brand {
    margin-left: 200px;
}

#navbarSupportedContent,
.btn {
    margin-right: 40px;
}

.socialMediaIcons{
    margin-top: 20px;
}
.fa-facebook-square{
    margin-left: 0px;
}
.fa-facebook-square:hover{
    color:  #3b5998;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
}
.fa-linkedin:hover{
    color:  #3b5998;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
}
.fa-github-square:hover{
    color:  black;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
}
.fa-skype:hover{
    color:  skyblue;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
}
.fa-instagram-square:hover{
    color: #e1306c;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
}
i{
    margin-left: 0.5rem;
    font-size: 2.5rem;
}

h1,
p1 {
    margin: 0px;
}

.button {
    border: solid;
    border-color: white;
    background-color: transparent;
    color: white;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: capitalize;
    margin: 0px;
    cursor: pointer;
    font-weight: 300;
}

p {
    font-weight: 300;
}

.pro {
    border-radius: 50%;
    position: fixed;
    float: right;
    margin-left: 460px;
    height: 40%;
    margin-top: 145px;
    box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, .5);
}

a {
    text-decoration: none;
    color: white;
}

li a:hover {
    color: aqua;
}

.socialmedia {
    height: 30px;
    margin-top: 10px;
}

.bio {
    position: fixed;
    float: left;
    margin-left: 800px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 190px;
    font-weight: 300;
}

.form-inline{
    width: 20rem;
}