* {
  box-sizing: border-box;
}

body {
    margin: 0;
}

nav {
    width: 100%;
    max-height: 5vw;
  height: 5vw;
    background-color: #0a0a0a;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav #menudesktop{
  display: flex;
  flex-direction: row;
  align-items: center;
}

nav #menudesktop ul{
  margin: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
}

nav #menudesktop ul li{
  height: 5vw;
  transition: all 0.7s cubic-bezier(.215, .61, .355, 1);
}

nav #menudesktop ul li a:link, nav #menudesktop ul li a:visited, nav #menudesktop ul li a:active {
    font-size: 1.4vw;
  height: 5vw;
    color: white;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    padding-left: 1.5vw;
  padding-right: 1.5vw;
  padding-top: 1.8vw;
  padding-bottom: 1.8vw;
  display: flex;
  align-items: center;
}

nav #menudesktop ul li:hover, .social img:hover {
    background-color: #363636;
    color: white;
}

nav img, nav a img{
    width: 5vw;
    height: 5vw;
}

.social{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.social img {
    transition: all 0.7s cubic-bezier(.215, .61, .355, 1);
}

#menuresponsive {
    display: none;
}