.book-link{
    background: var(--secondary);
    margin-top:-20px;
    color:white;
    padding:9px 12px;
    border-radius:2px;
    transition: all 0.3s ease-in-out;
}
.book-link:hover{
    background:var(--bright);
    color:white;
}


@media only screen  and (max-width : 999px) {
    
    .profile-img{
        width:80%;
        height:30vh;
        background: var(--bright);
        border-radius:2px;
        position:relative;
        
    }
    .profile-img img{
        justify-self:center;
        width:100%;
        height:auto;
        opacity:0.5;
        padding-right:85px;
        z-index:8;
    }
    .title{
        position:absolute;
        bottom:0;
        color:white;
        z-index:10;
        font-size:2em;
        align-self:flex-end;
        justify-self: end;
        font-weight:600;
        padding-left:24px;
    }
    

    .about-flex{
        flex-direction: column;
    }

    .content{
        margin-top:55px;
        width:75%;
        margin-left:-5%;
        align-self:center;
        padding-bottom:120px;
    }

    .content p{
        padding-bottom:24px;
        font-size:0.85rem;
        line-height:2.2em;
    }

    .content ul li{
        font-size:0.85rem;
        line-height:1.7em;
    }
}
@media only screen  and (min-width : 1000px) {

    .profile-img{
        width:70%;
        height:40vh;
        background: var(--bright);
        border-radius:2px;
        position:relative;
        
    }
    .profile-img img{
        justify-self:center;
        width:100%;
        height:auto;
        opacity:0.5;
        padding-right:85px;
        z-index:8;
    }
    .title{
        position:absolute;
        bottom:0;
        color:white;
        z-index:10;
        font-size:3.5em;
        align-self:flex-end;
        margin-right:100px;
        justify-self: end;
        font-weight:100;
    }
    

    .about-flex{
        flex-direction: row-reverse;
    }
    .content{
        margin-top:55px;
        width:55%;
        margin-left:-12%;
        align-self:center;
        padding-bottom:120px;
    }

    .content p{
        padding-bottom:48px;
        font-size:0.85rem;
        line-height:2.2em;
    }

    .content ul li{
        font-size:0.85rem;
        line-height:1.7em;
    }
    
}