#matias-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    height: 10vh;
  }

#matias-menu *{
    font-family: "Roboto", sans-serif;
}


#matias-menu a{ 
  color: #000!important;
  font-weight: 500!important;
  padding: 1px;
  transition: color 0.3s;
}

#matias-menu a:hover{ 
color: #608bbc!important;
}

#matias-menu li:before{
  background: #608bbc!important;
}

#matias-menu li:before:hover{
  background: #608bbc!important;
}

#matias-menu .uk-active {
  padding: 0;
}

#matias-menu .uk-active a{
  padding: 0;
  color:#608bbc;
}

/* top menu right */
.uk container{
   align-items: center;
}

#matias-menu .uk-dropdown-navbar{
  background: white;
  border-radius: 10px;
}

/* Dropdown link hover */
#matias-menu .uk-dropdown-navbar a:hover{
  color:#608bbc!important;
  background:white!important;
}

#matias-menu .uk-dropdown-navbar .uk-nav li.uk-active > a{
	background:white!important;
    color:#608bbc!important;
}

#matias-menu .uk-dropdown-navbar li{
  padding:5px 0px 5px 0px;
  border-radius:10px;
}
#matias-menu .uk-dropdown-navbar {
  fit:content;
  padding:10px 20px 10px 20px;
}