html{height:100%}body{min-height:100%;margin:0;display:flex;flex-direction:column}main{flex:auto;display:flex;flex-direction:column}main>.w3-section{flex:auto;display:flex;flex-direction:column;margin-bottom:0}#content-textarea{flex:auto;resize:none;min-height:300px;width:100%;box-sizing:border-box;font-family:courier new,Courier,monospace;font-size:.9rem;line-height:1.5}pre{overflow-x:auto;background:#f8f8f8;border:1px solid #ddd;border-radius:4px;padding:1rem;margin-bottom:0}pre[class*=language-]{background:#616161;border:none}body.light-mode pre[class*=language-]{background:#f8f9fa}.line-highlight{scroll-margin-top:60px}footer{flex-shrink:0}.w3-modal{z-index:200}.w3-bar,.w3-sidebar,.w3-content,.w3-card,.w3-button{transition:background-color .5s,color .5s}body.light-mode .w3-dark-grey{background-color:#f8f9fa!important;color:#383838!important}body.light-mode .w3-asphalt,body.light-mode .w3-select{background-color:#eee!important;color:#000!important}body.light-mode .w3-input{background-color:#fff!important;color:#000!important}#topnav{position:sticky;top:0;z-index:100}#footer{position:sticky;bottom:0;z-index:100}pre[class*=language-]::after,pre[class*=language-]::before{bottom:4.1em!important}#navbar{position:fixed;top:0;left:0;width:250px;height:100vh;display:flex;flex-direction:column;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;z-index:150}#navbar.open{transform:translateX(0)}@media(max-width:600px){#navbar.open{width:100%}}#desktopNav{flex:auto;overflow-y:auto}#navbar-bottom{flex-shrink:0}#main-content,#footer,#topnav{transition:margin-left .3s ease}#password-strength-bar{transition:width .3s ease}