*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}li{list-style:none}.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:grey;color:#fff}.nav-links a{color:#fff}.logo{font-size:20px;font-family:cursive;font-weight:700;color:#fff;text-shadow:2px 2px 4px #400}.menu{display:flex;gap:1em;font-size:16px;z-index:10}.menu li:hover{background-color:#404040;border-radius:5px;transition:.3s ease}.menu li{padding:0 0;vertical-align:middle}.services{position:relative}.dropdown{background-color:#404040;padding:1em 0;position:absolute;display:none;border-radius:8px;top:20px;left:-50px;z-index:10}.dropdown li+li{margin-top:10px}.dropdown li{padding:.5em .5em;width:100%;white-space:nowrap;text-align:left}.dropdown li:hover{background-color:#404040}.menu a{display:block;width:100%;padding:0 5px 0 5px;border-radius:5px}.services:hover .dropdown{display:block}nav input[type=checkbox]{display:none}.hamburger{display:none;font-size:24px;-webkit-user-select:none;user-select:none}@media (max-width:1040px){.menu{display:none;position:absolute;background-color:grey;right:0;left:0;text-align:center;padding:16px 0;z-index:10}.menu li+li{margin-top:12px}input[type=checkbox]:checked~.menu{display:block}.hamburger{display:block}.dropdown{left:40%}.dropdown li:hover{background-color:#404040}}