body {
    background: linear-gradient(to right, #f6f9d5, #a9c6e8);
    height: 100vh;
    margin: 0;
}

.md-header__inner {
    position: relative;
}

.md-header__title {
    margin-right: auto;
}

.custom-logo {
    position: absolute;
    top: 10px;  /* Adjust this value to fine-tune the vertical position */
    right: 10px;  /* Adjust this value to fine-tune the horizontal position */
    height: 40px;  /* Adjust this value to control the logo size */
}

.md-header__title, .md-header__title a {
    padding-right: 60px; /* This ensures the title doesn't overlap with the logo */
}