body header {
    display: flex;
    align-items: center;

    backdrop-filter: blur(10px);

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    position: relative; /* เพิ่มบรรทัดนี้ */
    z-index: 1000; /* เพิ่มบรรทัดนี้ */
}

body header .left {
    display: flex;
    align-items: center;
    padding: 10px;
}

body header .left .Logo {
    display: flex;
    align-items: center;
    padding: 5px;
    position: relative;
}

body header .left .Logo img {
    width: auto;
    height: 90px;
}

@media (max-width: 1420px) {
    body header .left .Logo img {
        height: 60px;
    }
}

body header .left .Logo h1 {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0;
    padding: 0;

    /* Gap from img */
    margin-left: 40px;
    
    /* Text colouring */
    background: linear-gradient(90deg, var(--ice-color) 0%, var(--fire-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

    letter-spacing: 2px;
    align-self: center;
    text-align: center;

    white-space: nowrap;
}

@media (max-width: 1420px) {
    body header .left .Logo h1 {
        font-size: 1.5rem;
    }
}