/* h1.title{
    display: none !important;
} */

.pulse{
    width: 100px;
    height: 100px;
    background-color: var(--bs-secondary-bg);
    border-radius: 50%;
    position: relative;
    animation: animate 3s linear infinite;
    transition: all 500ms;
}
.pulse i{
    text-align: center;
    font-size: 4rem;
    width: 100px;
    line-height: 100px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--bs-secondary-color);
    height: 100%;
    cursor: pointer
}
@keyframes animate{
    0%{box-shadow: 0 0 0 0 var(--bs-link-color) , 0 0 0 0 var(--bs-link-color)}
    40%{box-shadow: 0 0 0 50px rgba(255, 183, 74, 0) , 0 0 0 0 var(--bs-link-color)}
    80%{box-shadow: 0 0 0 50px rgba(255, 177, 74, 0) , 0 0 0 30px rgba(255, 161, 74, 0)}
    100%{box-shadow: 0 0 0 0 rgba(255, 183, 74, 0) , 0 0 0 30px rgba(255, 192, 74, 0)}
}

.pulse:hover {
    background-color: var(--bs-link-color)!important;
}

#whats-new, #topics {
    background-color: #003776!important;
}