/* Babyname output styling */
.babyname-output {
    text-align: center;
    padding: 0 0 20px;
}

.babyname-output h2 {
    font-size: 2.2em;
    /* color: #98c3ff; */
    /* font-weight: 600; */
    margin: 0;
}

.babyname-output a {
    text-decoration: none;
    color: inherit;
}

.babyname-output a:hover h2 {
    color: #b8d5ff;
}

.babyname-description {
    max-width: 700px;
    margin: 0 auto 15px;
    padding: 0 10px;
    line-height: 1.7;
    text-align: left;
}

/* Truncate description in list view */
.creation-item:not(.single-view) .babyname-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .babyname-output h2 {
        font-size: 1.8em;
    }
}