#header h1 {
    font-weight: bold;
    background: -webkit-linear-gradient(45deg, #FF7F00, #FF5500); /* Gradient from blue to deep blue */
    -webkit-background-clip: text;   /* This clips the background to the text */
    -webkit-text-fill-color: transparent; /* Makes the text color transparent, showing only the gradient */
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
    font-size: 2.5em;
    letter-spacing: 1px;
}

#header h1:hover {
    cursor: pointer;
    text-shadow: none; /* Optional: remove text-shadow on hover for a cleaner effect */
}

.ms-md-auto {
    margin-left: auto !important;
}