:root,html,body{margin:0 auto;padding:0;height:100%;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}@media (max-width: 700px){.maincontent-flex{flex-direction:column!important;align-items:center!important;gap:1.2rem!important}.maincontent-flex img{width:6rem!important}.maincontent-flex pre{font-size:.8rem!important}}.main-header{background:#fff;padding:6px 0;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #00000014}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;position:relative;height:64px}.menu{display:flex;gap:16px;flex:1}.menu-item{color:#222;text-decoration:none;font-weight:500;transition:color .2s;font-size:18px}.menu-item:hover{color:#0074d9}.logo-center{flex:0 0 auto;display:flex;justify-content:center;align-items:center;position:absolute;left:50%;transform:translate(-50%);height:100%}.settings-right{flex:1;display:flex;justify-content:flex-end;align-items:center}.hamburger{display:none;flex-direction:column;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;gap:5px;margin-left:8px}.hamburger span{display:block;width:100%;height:4px;background:#222;border-radius:2px}@media (max-width: 700px){.menu{position:absolute;top:56px;right:0;background:#fff;flex-direction:column;align-items:flex-end;gap:0;width:160px;box-shadow:0 4px 12px #00000014;padding:8px 0;display:none;z-index:100}.menu.open{display:flex}.menu a{padding:12px 20px;width:100%;font-size:17px;border-bottom:1px solid #eee}.hamburger{display:flex}}