@import url("./themes/index.css");

@import url("./main.css");
@import url("./header.css");
@import url("./footer.css");
@import url("./widget.css");

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=SUSE:wght@100..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body 
{
    position: sticky;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;

    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
}

body * {
    font-family: "SUSE", Helvetica, sans-serif;
    outline: none;
}

#root
{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
}

#root-space
{
    flex-grow: 1;
}

body:has(div.session-page) header, body:has(div.edit-session-page) header
{
    background: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    border-bottom: none;
}

body:has(div.connecting-page div.full-banner#main-banner) header
{
    background: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    border-bottom: none;
}