body{margin:0;padding-top:62px;background-color:#ddd}.hero-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing);text-align:center;font-family:sans-serif}.fixed-banner{position:fixed;top:0;left:0;width:100%;height:63px;background-color:#1f2833;color:#fff;display:flex;align-items:center;justify-content:left;box-shadow:0 2px 5px #0003;z-index:1000}.fixed-banner h1{margin:0;font-size:x-large;font-family:Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;font-style:italic}.logo{height:59px;width:auto;margin-right:20px}.main-layout{display:flex;min-height:100vh}.fixed-sidebar{position:fixed;top:62px;left:0;width:200px;height:100%;background-color:#1f2833;padding:20px;box-shadow:2px 0 5px #0000001a;z-index:999}.fixed-sidebar nav ul{list-style:none;padding:0}.fixed-sidebar nav ul li{margin-bottom:10px}.fixed-sidebar nav ul li a{text-decoration:none;color:#f0f8ff;display:block;padding:5px 0;transition:color .3s ease}.fixed-sidebar nav ul li a:hover{color:#007bff}#menu-toggle-button{background-color:transparent;color:#000;border:none;font-size:2em;line-height:1;padding:5px 10px;cursor:pointer;display:none;order:3}.main-content{margin-left:220px;padding:20px;flex-grow:1}@media (max-width: 765px){.fixed-sidebar{position:fixed;height:calc(100% - 62px);width:250px;transform:translate(-100%);transition:transform .3s ease-out;z-index:998}.fixed-sidebar.is-open{transform:translate(0);box-shadow:5px 0 10px #00000080}#menu-toggle-button{display:block}.main-content{margin-left:0;padding:20px;flex-grow:1}}