.activebtn{color:#0e0ece;transform:scaleX(1);transform-origin:left}.navContainer{background-color:var(--background-primary-color);border:var(--border);border-radius:var(--border-radius-outer);box-shadow:2px 2px 5px 5px #14141466;color:var(--text-primary-color);display:flex;flex-direction:column;font-family:var(--primary-font);font-size:1.3em;font-weight:var(--font-weight);height:40vh;height:-moz-fit-content;height:fit-content;left:10px;max-height:60vh;max-width:220px;min-height:-moz-fit-content;min-height:fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--padding-basic);position:relative;top:10px;transition:all .5s;width:-moz-fit-content;width:fit-content}.navContainer>:last-child{margin-bottom:10px}.buttonCont{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1.1em;justify-content:center;margin-right:10px;margin-top:10px;transition:.3s ease;transition:all .3s;white-space:nowrap;width:-moz-fit-content;width:fit-content}.buttonCont:hover{color:#b6b6b6;stroke:#b6b6b6}.buttonCont:active{color:#b6e9fd;scale:.95;stroke:#b6e9fd}.hamburger{cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;left:15px;position:fixed;top:15px;width:30px;z-index:1001}.hamburger div{background-color:#fff;height:3px;width:100%}@media (max-width:768px){.hamburger{display:flex}.navContainer{left:-300px;top:50px}.active{left:0}.main{margin-left:0}}