body {
    /*background: linear-gradient(to right, #E5EEF5, #E6EEF2);*/
    background: linear-gradient(to bottom, #F0F2E6, #EEEEEC);
    font-family: "SF Pro Text", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif, Roboto;
    text-align: center;
}

h1 {
    font-size: clamp(24px, 5vw, 50px); /* responsive font scaling */
    margin: 0;
}

iframe {
    width: 100%;                    /* full width */
    height: calc(100vh - 150px);
    border: none;                   /* remove border */
    display: block;                 /* avoid inline spacing */
}

.header {
    align-items: center;      
    display: flex;
    justify-content: center;
    gap: 20px;
    height: 100px;
    padding: 1rem;
}

#emp {
    font-weight: bolder;
}

#image-container img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}