a {
    color: #5faee3;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);     
}

.dark-mode a:not(.btn):hover {
    color: #3f6791;
}

.custom-background {
    background-image: url('assets_text/img/background.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.full-width-footer{
    margin-left: -9px !important;
    margin-right: -8px;
}

.custom-output-container {
    border: 1px solid #6c757d;
    padding: 10px;
    background-color: transparent;
    width: 100%;
    box-sizing: border-box; 
    border-radius: 5px; 
    resize: vertical; 
    min-height: 560px; 
    font-size: 14px; 
}

.output-text {
    font-size: 16px;
    color: #fff;
}

.rounded-div {
    border-radius: 5px; 
    padding: 8px; 
    text-align:center;
}

.custom-green {
    background-color: #00bc8c;
}

.custom-yellow {
    background-color: #f39c12;
}

.custom-red {
    background-color: #e74c3c;
}

.custom-neutral {
    background-color: gray;
}

.shadowed-text {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    /* horizontal-offset vertical-offset blur-radius color */
}

.white-text{
    color:white;
}

.tight-rows{
    margin-bottom:-6px;
}

.smaller-p{
    font-size:.9rem;
}


.emotion-sadness { background-color: #3498db; color: white; } /* Blue */
.emotion-joy { background-color: #f1c40f; color: black; } /* Yellow */
.emotion-love { background-color: #e74c3c; color: white; } /* Pink */
.emotion-anger { background-color: #c0392b; color: white; } /* Red */
.emotion-fear { background-color: #7f8c8d; color: white; } /* Dark Gray */
.emotion-surprise { background-color: #d35400; color: white; } /* Orange */

.sentiment-positive { background-color: #00bc8c; /* Green */ }
.sentiment-neutral { background-color: #6c757d; /* Gray */ }
.sentiment-negative { background-color: #e74c3c; /* Red */ }




/* Assuming that "low" is better, hence green, and "high" is worse, hence red. */
.custom-low { background-color: #00bc8c; } /* Green */
.custom-medium { background-color: #f39c12; } /* Yellow */
.custom-high { background-color: #e74c3c; } /* Red */