body{margin:0;font-family:tahoma,sans-serif;background:#fff}.navbar{background:#fff;margin:0;padding:5px 20px}.logo{font-size:14pt;font-weight:bold;text-decoration:none;color:#000}.container{display:flex;justify-content:space-between;align-items:center}.tombol{display:none;color:#000;font-size:14pt}.tombol:hover{cursor:pointer}.menu{margin:0;display:flex;list-style:none;padding:0}.menu li{padding-left:0;margin-right:10px}.menu li a{padding:10px;color:#000;text-decoration:none;display:inline-block}@media screen and (max-width:768px){.menu{display:none}.menu.aktif{display:inline-block;position:absolute;top:64px;background:#fff;padding:10px 20px;right:0;left:0}.menu.aktif li a{padding:10px;display:inline-block!important}.tombol{display:block}}