/* header.css */
.header {
    background-color: rgb(0, 72, 87);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    font-family: 'indivisible-variable', sans-serif;
    height: 150px; /* Define a fixed height for the header */
    overflow: hidden; /* Ensure that content stays within the header */
}

.header .branding {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.header .branding-text {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    margin-top: 15px;
    margin-right: 10px;
}

.header img.logo {
    height: 150px;
}

.header .title {
    font-size: 3em;
}

.header .subtitle {
    font-size: 1.4em;
    animation: fadeOut 65s forwards;
    margin-left: 0px;
}

.header img.visualization {
    height: 150px;
    transform: scale(2) rotate(0deg);
    transform-origin: top left;
    margin-right: 20px;
    z-index: 10;
    position: relative; /* Ensure it stays within the header */
}
body {
    background: linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 255, 255));
}