#folder { /*position: absolute; left: 50%; transform: translateX(-50%);*/ } #tabs { display: flex; flex-direction: row; align-items: flex-end; height: 4rem; } #tabs>.folder-tab:not(:first-child) { margin-left: -5px; } .folder-tab { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; overflow-x: hidden; height: 2.5rem; background-color: var(--ns-bg-dark-100); border-color: var(--ns-primary); color: var(--ns-primary); border-style: solid; border-width: 1px 1px 0 1px; } .folder-tab:not(:first-child) { margin-block-start: auto; width: 4rem; } .selected-tab { height: 3rem; background-color: var(--ns-primary); color: var(--offwhite); } .hover-tab { height: 3.2rem; } .selected-tab, .hover-tab { width: fit-content !important; } .tab-link { color: var(--offwhite) !important; text-decoration: none !important; cursor: pointer; } .tab-link:active { text-decoration: underline !important; } .selected-tab { background-color: var(--ns-primary); } #searchbar { height: 2.5rem; background-color: var(--ns-bg-dark-100); border-bottom: 1px solid var(--ns-primary); display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; } .collapse-horizontal { white-space: nowrap; height: 2.5rem; overflow-x: hidden; } #search-options { margin-left: auto; margin-top: 7px; display: flex; flex-direction: row; align-items: center; } #selected-content { background-color: var(--ns-bg-dark-50); width: 100%; height: 36rem; /*backdrop-filter: blur(2px);*/ border-color: var(--ns-primary); border-style: solid; border-width: 1px 1px 1px 1px; border-top-right-radius: 4px; } #footer { display: flex; flex-direction: row; justify-content: center; } .bottom-button { font-size: large; position: relative; background-color: var(--ns-primary); width: 10rem; height: 2.3rem; border-color: var(--ns-primary); border-style: solid; border-width: 0px 1px 1px 1px; } .rounded-bottom { border-top-right-radius: 0; border-top-left-radius: 0; }