@charset "utf-8";
/* CSS Document */

.navbar-style {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 20px;
 background-color: teal;
 color: #fff;
}

.nav-links a {
 color: #fff;
}

.navbar-ul a {
 color: #fff;
}

/* NAVBAR MENU */
.main-menu-navbar {
 display: flex;
 gap: 1em;
 font-size: 18px;
}

.main-menu-navbar li:hover {
 background-color: #4c9e9e;
 border-radius: 5px;
 transition: 0.3s ease;
}
.main-menu-navbar li {
 padding: 5px 14px;
}



* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

body {
 font-family: asap;
}

a {
 text-decoration: none;
}
li {
 list-style: none;
}