@import "general.css"; :root { --side-bar-width: 10vw; --navbar-height: 12vh; } .leftbar { height: 100vh; width: var(--side-bar-width); position: fixed; z-index: -1; top: 0; left: 0; background-image: linear-gradient( var(--side-bg-color), var(--side-bg-color-two) ); /**/ background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: var(--side-bg-color); overflow-x: hidden; } .rightbar { height: 100vh; width: var(--side-bar-width); position: fixed; z-index: -1; top: 0; right: 0; background-image: linear-gradient(var(--side-bg-color), var(--side-bg-color-two) ); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: var(--side-bg-color); overflow-x: hidden; } .main { margin-left: var(--side-bar-width); margin-right: var(--side-bar-width); } .row_equal{ display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; } .row_opposite{ display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; } .col-1 {flex: 8.33%;} .col-2 {flex: 16.66%;} .col-3 {flex: 25%;} .col-4 {flex: 33%;} .col-5 {flex: 41.66%;} .col-6 {flex: 50%;} .col-7 {flex: 58.33%;} .col-8 {flex: 66.66%;} .col-9 {flex: 75%;} .col-10 {flex: 83.33%;} .col-11 {flex: 91.66%;} .col-12 {flex: 100%;} .fixed { position: sticky; position: -webkit-sticky; top: 0; z-index:3; } .navTbl{ height: var(--navbar-height); min-height: 50px;} .navbar_img{ float:left; height:100%; width:auto; filter: hue-rotate(5deg); } .navBar { margin: 0; padding: 0; display: inline-block; height: 100%; font-size: var(--font-size-nav); } .navBar a { display:block; float: left; height: 100%; padding:0px 16px; text-decoration: none; text-align: center; line-height:10vh; color:inherit; } .navBar button{ display:none;} .footer_container{ margin: 1%; padding: 15px; flex: 1 1 0px; border: 1px solid black; background-color: var(--main-bg-color); border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .footer_image{ margin: 1%; padding: 2px; flex: 1 1 0px; background: url(../pictures/footer.jpg) center center no-repeat; background-size:cover; border: 1px solid black; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }