.hero-background {
    background: #ffd6e5;
    background: linear-gradient(169deg,rgba(255, 214, 229, 1) 0%, rgba(250, 152, 190, 1) 100%);
    /* margin-bottom: 5px; */
    /* box-shadow: 1px 8px 8px gray; */
    /* position: relative; */
    /* z-index: 99; */
}

.is-almost-fullheight {
    min-height: 85vh !important;
}
.custom-border {
    border: 5px solid #c480fc;
    border-radius: 0.75rem;
}
.black-border {
    border: 2px solid #c480fc;
    border-radius: 0.75rem;
}
.custom-text-color {
    color: #c480fc;
}
.custom-background-color {
    background-color: #c480fc;
}
a {
    color: #c480fc;
}
.custom-image {
    width: 100%;
    max-width: 20rem;
    border-radius: 0.75rem;
}
.custom-image-small {
    width: 100%;
    max-width: 10rem;
    border-radius: 0.75rem;
}

.skill-cell {
    border: 5px solid #c480fc;
    border-radius: 0.75rem;
    text-align: center;
    height: 6em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1em;
    padding-right: 1em;
    min-width: 18.0rem;
    flex-grow: 1;
    margin: 0.75rem;
    /* font-weight: bold; */
}

.aggressive-padding {
    padding-top: 14rem;
    padding-bottom: 14rem;
}

@media (min-width: 1000px) { /* desktop */
    .panel-text {
        font-size: 5rem;  
    }
}
@media (min-width: 800px) and (max-width: 999px) { /* desktop */
    .panel-text {
        font-size: 4rem;  
    }
}
@media (max-width: 800px) { /* desktop */
    .panel-text {
        font-size: 3rem;  
    }
}

@media (min-width: 769px) { /* desktop */
    .full-height-card {
        width: 80%;
    }
    .width-limit {
        width: 70%;
    }
    .flex-direction-row-desktop-column-mobile {
        flex-direction: row;
    }
    .responsive-flex-columns-flip {
        display: flex;
        flex-direction: row-reverse;
    }
}
@media (max-width: 768px) { /* mobile */
    .full-height-card {
        width: 95%;
    }
    .width-limit {
        width: 95%;
    }
    .flex-direction-row-desktop-column-mobile {
        flex-direction: column;
    }
    .responsive-flex-columns-flip {
        display: flex;
        flex-direction: column;
    }
}