:root {
    --header-height: 90px;
    --submenu-height: 45px;
    --footer-height: 58px;
    --nomain-height: calc(var(--header-height) + var(--submenu-height) + var(--footer-height));
}

html {
    height: 100%;
}

body {
    min-height: 100%;
}

iframe {
    width: 100%;
    height: var(--nomain-height);
    border: none;
}

html *,
html ::before,
html ::after {
    box-sizing: content-box;
}

html>body {
    font-size: 1em;
    letter-spacing: 0;
}

#root.root-jbrowse2 * {
    box-sizing: inherit;
}

#root.root-jbrowse2 {
    position: relative;
    z-index: 0;
}

#root.root-jbrowse2>div {
    height: calc(100vh - var(--nomain-height));
}

#root.root-jbrowse2>div>div {
    height: calc(100vh - var(--nomain-height));
}




main {
    margin: 0 auto;
    padding: 0;
    width: 100%;

    &:has(iframe) {
        background-color: transparent;
    }

    &:has(div#root.root-ortholog_table) {
        background-color: transparent;
    }

    .top-content {
        margin: 30px auto;
        max-width: 960px;
        p {
            line-height: 1.4em;
        }

        .add-indent {
            margin-left: 0.8em;
        }

        div.genome-select {
            margin-top: 20px;
        }

        ul.supported-list {
            list-style-position: inside;
            padding-left: 0;
            li {
                line-height: 1.6em;
            }
        }

        ul.method-selector {
            list-style: none;
            padding-left: 0;
            margin-top: 20px;
            margin-bottom: 20px;
            display: flex;
            gap: 10px;
        }

        a {
            text-decoration: none;
            color: #3cb371;
        }

        a:hover {
            text-decoration: underline;
            color: orange;
        }

        h2 {
            margin-left: 0px;
            margin-bottom: 0px;
        }

        h3 {
            margin-left: 0px;
            margin-bottom: 0px;
        }

        h2, h3 {
            margin-top: 40px;
        }
    }

    .root-ortholog_table {
        margin: 0px 50px;
    }
}