.cp-12 {
    padding: 7rem 12rem 7rem 12rem;
    min-width: 750px;
}


.bdbg {
    background-color: rgba(224, 224, 224, 0.46);
}

.cbg {
    background-color: rgba(255, 255, 255, 0.63);
    border: none;
}

.picsize {
    border-radius: 200px;
    max-height: 26rem;
}

.card-margin {
    padding: 0% 5% 0% 5%;
}

.su-content-margin {
    margin: 5% 5% 5% 5%;
}

.card-center {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.my-card{
    min-height: 90vh;
    min-width: 80%;
}

.timeline-pic {
    max-height: 175px;
}

.contact-padding {
    padding-top: 2%;
}

.message-height {
    min-height: 10rem;

}

.abt-btn-bg {
    /* Inactive */
    min-width: 100%;
    text-align: left;
    --bs-btn-bg: none;
    padding-top: 25px;
    padding-bottom: 25px;

    /* Hover */
    --bs-btn-hover-bg: rgba(86, 133, 172, 0.814);

    /* Active */
    --bs-btn-active-bg: rgb(53, 119, 172);

}

.abt-btn-bdr {
    /* Inactive */

    /* border-top-color: rgb(99, 139, 171); */
    border-top-color: black;
    border-bottom: none;
    border-right: none;
    border-left: none;
    --bs-btn-border-radius: none;

    /* Hover */
    --bs-btn-hover-border-color: rgba(59, 121, 171, 0.814);


    /* Active */
    --bs-btn-active-border-color: rgb(37, 111, 172);
}

.bg-1 {
    /* background-image: url('./Patterns/rocks_pattern.png'); */
    background-color: rgb(58, 56, 56);
    height: 100%;
    width: 100%;
}

.navbar-clickable:hover {
    background-color: rgba(255, 255, 255, 0.103);
    border-radius: 10px;
}

.navbar-clickable:active {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}