styles.py

#style for the main container to contain image
wholepage = """
    <style>
    *, ::before, ::after {
        box-sizing: revert-layer; 
    }
    </style>
"""

borderpage = """
    <style>
    *, ::before, ::after {
        box-sizing: border-box; 
    }
    </style>
"""

mainCont_style = """
    <style>
    .st-emotion-cache-1xuzhe1 {
    height: 700px;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('https://huggingface.co/spaces/Global-Risk/Images/resolve/main/background3.png'), #6DB3F2;
    background-size: cover; /* Scale the background image to cover the entire container */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
    background-position: center; /* Center the background image within the container */
    }
    .stream-text {
        text-align: center;
    }
    </style>
"""

reduceTop_style = """
<style>
.st-emotion-cache-1jicfl2, .st-emotion-cache-1a46zap, [data-testid="stAppViewBlockContainer"] {
    width: 100%;
    padding: 0rem 0rem 10rem;
    min-width: auto;
    max-width: initial;
}
</style>
"""

navstyle3_style = """
<style>
/* Targeting the iframe by its src attribute */
iframe[src*="streamlit_option_menu.option_menu"] {
    position: fixed;
    top: 2pt;
    /*bottom:0pt;*/
    z-index: 999990;
}

.st-emotion-cache-12fmjuu, .st-emotion-cache-h4xjwg {
    position: unset;
}

.st-emotion-cache-15ecox0 {
    top: 0.8rem;
    right: 0.7rem;
}

.st-emotion-cache-czk5ss {
    z-index: 999999;
}
</style>
"""

pagemargin = """
<style>
.st-emotion-cache-ocqkz7.e1f1d6gn5 {
    margin-left: 10px;
    margin-right: 10px;
}
</style>
"""