.top{position:fixed;top:0;left:0;right:0;height:50px;background:#333;display:flex;align-items:center;z-index:1000;box-shadow:0 4px 6px #0000001a}.logo{height:35px;width:auto;margin-left:20px;display:block}.top>a{display:flex;align-items:center;flex-shrink:0}.menu{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:15px;padding-right:20px}.menu a{color:#fff;text-decoration:none;font-size:1rem;font-weight:600;transition:color .3s}.menu a:hover{color:coral}.bars{display:none}.sub-div{background:#444;position:absolute;top:32px;left:0;width:100%;border-radius:0 0 10px 10px;box-shadow:0 4px 6px #0000001a;z-index:999}.sub-div a{display:block;padding:10px 20px;color:#fff;text-decoration:none;font-size:.9rem}.sub-div a:hover{background:coral;color:#fff}@media (max-width: 770px){.menu{gap:8px;padding-right:10px}.menu a{font-size:.65rem;margin:0}}