.biography-photo {
    position: absolute;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: #FFFF;
    top:0px;
    left: 50%;
    transform: translate(-50%, 50%);
}

.biography-photo-container{
    background: #2f3640 no-repeat;
    background-image: url("../img/keepcoding.png");
    background-size: cover;

    height: 240px;
    width: 100%;
    position: relative
}

.biography-photo img{
    position: absolute;
    height: 200px;
    width: 200px;
    padding: 10px;
    border-radius: 50%;
    
}

@media (max-width: 320px){
    .biography-photo img, .biography-photo {
        height: 160px;
        width: 160px;
    }
}


.biography-content{
    margin-top: 80px;
    padding: 0px;
    overflow: hidden;
}

.biography-text{
    padding: 32px;
    margin-top: 20px;
}

.biography-text p a{
    color:#17c0eb; 

}

.social-media{
    padding-top: 16px;
    max-width: 320px;

    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: auto;
    flex-wrap: wrap;
}
.social-media-item {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

    color: white;
    background: #2f3640;

}

.social-media-item:hover ,
.social-media-item:active {
    color: #2f3640;
    background: #eee;
}