i {
    font-style: normal !important;
}

a {
    color: #ff9900;
}
a:hover {
    color: #f2b04b;
}

.tutor a,
a.link-light {
    text-decoration:none;
    color: #ff9900 !important;
}
.tutor a:hover,
a.link-light:hover {
    text-decoration:none;
    color: #f2b04b !important;
}

a.link-dark {
    text-decoration:none;
    color: #017201 !important;
}
a.link-dark:hover {
    text-decoration:none;
    color: #009600 !important;
}

.wide {
    max-width: 1500px;
}

.tutor p, .tutor li {
    font-size: 1.3rem;
}

.tutor h5 {
    font-family: "Azaret Mono", monospace;
    font-size: 1rem;
}

.tutor .mono {
    font-family: "Azaret Mono", monospace;
    color: #2ed8d8;
}

.panel.dark,
.tutor .dark {
    background: #005353;
    color: #ebebeb;
    padding: 4rem;
    border-radius: 0 0 5px 5px;
}

.tutor .light {
    padding-right: 30px;
}

.footer {
    margin-bottom: 30px;
}

.credits {
    margin-bottom: 10px;
    background-color: #efefef;
    color: #181818;
    padding: 30px;
    border-radius: 20px;
 }

.line-remark {
    font-size: 0.9rem;
    /* color: #ffffff; */
    font-style: italic;
}

code {
    font-size: 0.9rem;
    color: #fff;
}

.new-features {
    display: inline-block;
    margin-top: 0.5rem;
    background: linear-gradient(135deg, #ff9800, #ff5722); /* eye-catching gradient */
    color: #fff; /* white text for contrast */
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center;

    padding: 0.5rem;
    border-radius: 10px; /* soft rounded corners */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* subtle depth */

    animation: pulse 2s infinite; /* small pulsing glow */
}

/* optional animation to make it pop */
@keyframes pulse {
    0%   { box-shadow: 0 0 10px rgba(255, 87, 34, 0.5); }
    50%  { box-shadow: 0 0 25px rgba(255, 87, 34, 0.8); }
    100% { box-shadow: 0 0 10px rgba(255, 87, 34, 0.5); }
}