*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}.container{padding-inline:32px;margin-inline:auto;max-width:1300px}header{background-color:#87cefa}.main-header{min-height:90px;padding-block:20px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand-name{font-size:1.125rem;font-weight:700;text-decoration:none;color:#333}.navigation-drawer{min-height:100vh;width:200px;padding:20px 10px;background-color:#fff;position:fixed;inset-block-start:0;inset-inline-start:0;box-shadow:0 0 4px 2px #0003;transform:translate(-100%);transition:transform .35s;z-index:9999}.navigation-drawer.open{transform:translate(0)}.drawer-button{padding:8px;border:0;border-radius:4px;display:inline-block;background-color:transparent;font-weight:700;font-size:28px;color:#141e16;cursor:pointer}.nav-list{list-style:none;display:flex;flex-direction:column;gap:10px 20px}.nav-list li a{padding:6px 10px;display:block;color:#333;text-decoration:none}.nav-list li a:hover{text-decoration:underline}.main-content{padding-block:20px}@media screen and (width > 1000px){.navigation-drawer{min-height:auto;width:auto;padding:0;background-color:transparent;flex-direction:row;justify-content:space-between;position:static;box-shadow:none;transform:translate(0)}.nav-list{flex-direction:row}.nav-list li a{display:inline-block}.drawer-button{display:none}}