nav a {
     text-decoration: none;
     color: #fff;
     padding: 0.2rem 0.8rem;
     margin-left: 0.5rem;
}

nav a:focus {
     border-bottom: 0.2rem solid #D76627;
     filter: contrast(120%);
}

nav a:hover {
     border-bottom: 0.2rem solid #D76627;
     color: #61DAFB;
     filter: contrast(120%);
}

.headerDivEmail:hover {
     cursor: pointer;
     box-shadow: 0.1rem 0.1rem 0.8rem #D76627;
}

.headerDivEmail:hover p {
     color: #61DAFB;
}

.burbuja:hover,
.burbuja:hover a {
     box-shadow: inset 0 -0.3rem 0.8rem #0772BB;
     color: #1ecdfd;
     filter: contrast(120%);
}

.div a {
     text-shadow: 0 -4rem 0 #D76627;
}

.navABorde {
     border-bottom: 0.2rem solid #D76627;
}

.alinear {
     display: flex;
     align-items: center;
}

.linkEdin {
     height: 1rem;
     width: 1rem;
     background-repeat: no-repeat;
     background-position: center;
     background-size: 1rem;
     color: #0772BB;
}

.github {
     font-size: 1rem;
     color: #fff;
     margin-left: 1.5rem;
}

.headerDivEmail {
     height: 2.5rem;
     border: 0.1rem solid #d76527dc;
     border-radius: 0.3rem;
     margin-left: 1rem;
     padding: 0.1rem 1.5rem;
     background-color: #111320;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
}

.headerDivEmail p {
     color: #fff;
}

.headerDivEmail button {
     cursor: pointer;
     color: #61DAFB;
     background-color: transparent;
}

.linkEmail {
     margin-left: 1rem;
}

.linkEmail i {
     background: linear-gradient(20deg, #00C9FF, #00C9FF, #00C9FF, #00546b, #00546b);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 1rem;
}

.burbuja {
     border: 0.12rem solid rgba(97, 218, 251, 0.2);
     border-radius: 50%;
     box-shadow: inset 0 -0.3rem 0.8rem rgba(97, 218, 251, 0.3);
     padding: 0.7rem;
}

nav a,
.burbuja,
.headerDivEmail,
.headerDivEmail p {
     transition: all 0.3s ease-in-out;
}

.menuIcon {
     display: none;
}

.row {
     display: flex;
     flex-direction: row;
     align-items: center;
}

@media screen and (max-width:767px) {
     .ocultarPhone {
          display: none;
     }

     .menuIcon {
          display: flex;
          font-size: 2.5rem;
          color: #fff;
     }
}

@media screen and (min-width:768px) and (max-width:1023px) {
     .ocultarPhone {
          display: none;
     }

     .menuIcon {
          display: flex;
          font-size: 2.5rem;
          color: #fff;
     }
}

@media screen and (min-width:1024px) and (max-width:1440px) {
     .divHeaderIcons {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 80%;
     }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

     header nav {
          font-size: 1.5rem;
          margin-left: 1.2rem;
     }

     .divHeaderIcons {
          width: 70%;
          display: flex;
          justify-content: space-evenly;
          align-items: center;
          margin-left: auto;
     }

     .headerDivEmail {
          height: 3rem;
     }
}