.no-transition, .no-transition * {
    transition: none !important;
}

body, .form-check *, .form-control, .list-group *, .border, .card, .btn {
    transition: background-color 0.5s ease-out, color 0.5s ease-out, border-color 0.5s ease-out !important;
}

#theme-toggle {
    bottom: 1rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#theme-toggle svg {
    width: 5rem;
    height: 5rem;
    fill: none;
}

.hoverlink {
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s ease-out, transform 0.3s ease-out;
}

.hoverlink:hover, .hoverlink:focus {
    transform: scale(1.05);
    border-bottom-color: currentColor;
}