/* For index.html page ONLY */

#welcome-body {
    padding: 16px 0;
}

.sign-in-up-buttons {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;   
}

#cta-button-list {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

#welcome-message {
    display: flex;
    align-self: stretch;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

#welcome-banner {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 16px;
}


@media screen and (max-width: 800px) {
    #cta-button-list {
        flex-direction: column;
    }
}