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

.overflowHidden {
   overflow: hidden;
}

nav {
   top: 0;
   left: 0;
   width: 100%;
   background: #FFFF;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   z-index: 99;
}

nav .navbar {
   height: 100%;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: auto;
   padding: 0 10px;
}

nav .navbar .nav-links {
   height: 100%;
}

nav .navbar .links {
   display: flex;
   padding-top: 2%;
   flex-wrap: wrap;
}

nav .navbar .links li {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   list-style: none;
   padding: 0 14px;
}

nav .navbar .links a li  {
   height: 100%;
   text-decoration: none;
   white-space: nowrap;
   color: #FFFF;
   font-size: 18.5px;
   font-weight: 500;
   transition: all 0.3s ease;
}

nav .navbar .links a li:hover {
   color: #fff;
}


.liMenu {
   border: 2px solid #611232;
   border-radius: 5%;
}

.liMenu:hover {
   border: 2px solid #fff;
   border-radius: 5%;
}

.navbar .fa_menu {
   display: none;
}

.nav-h {
   background-color: #611232;
}

.img-h {
   height: 70px;
   margin: 1%;
}

.datuser {
   background-color: #002f2a;
   color: #fff;
   display: flex;
   padding: 10px;
   justify-content: end;
}

.datuser img {
   width: 30px;
}