body::before{
    display: block;
    content: '';
    height: 60px;
}

@media(min-width:1700px){
    .container{
    max-width: 1700px;
    }  
}
    
.bg-purple{
    background-color: var(--bs-purple);
}
.text-purple{
    color: var(--bs-purple);
}
.btn-purple{
    background-color: var(--bs-purple);
}
.larger-text{
    font-size: 28px;
}
.btn-outline-purple{
    color: var(--bs-purple);
    border-color: var(--bs-purple);
}
.btn-outline-purple:hover{
    background-color: var(--bs-purple);
    color: var(--bs-light);
}
.max-height{
    max-height: 450px;
}

#showcase img{
    max-height: 380px;
    max-width: 607px;
}
#portfolio img{
    height: 280px;
    object-fit: cover;
    object-position: top;
}