Crear cuenta
<header class="cabecera">
<img src="Saidre/img/logoAmarillo.png" width="120" alt="">
<h1> CONTACTO </h1>
<div class="menu">
<ul>
<li>
<i class="fas fa-bars" onclick="menu1()"></i>
</li>
<li>
<a href="inicio.html" onclick="closeMenu()">
Inicio
</a>
</li>
<li>
<a href="portfolio.html" onclick="closeMenu()">
Portfolio
</a>
</li>
<li>
<a href="biografia.html" onclick="closeMenu()">
Perfil profesional
</a>
</li>
</ul>
</div>
</header>
.menu > ul{
width: 100%;
padding: 0.2em;
display: flex;justify-content: space-around;
align-items: flex-start;
}.menu>ul>il {
list-style: none;
}.menu>ul>li>a,
.menu>ul>il>i{
color:white;text-decoration: none;
font-size: 20px;;
}.menu>ul>li:first-child{
display: none;align-content: center;
cursor: pointer;}.menu > li > a {
text-decoration: none;
color: white;}.menu > ul > li> a:hover{
color: #ffcc75;
}//CON RESPONSIVE@media screen and (max-width: 600px){
.menu > ul > li:first-child{
display: flex; }.menu > ul >li:not(first-child){
display: none; }.menu > ul{
flex-direction: column;
align-items: flex-start;
}.menu > ul > li > a {
font-size: 1em;
}}function openMenu() {
"use strict";var options = document.getElementById("menu").firstElementChild.children;
for (var i = 1; i < options.length; i = i + 1) {
options[i].style.display = "flex";
}}function closeMenu() {
"use strict";if (window.innerWidth < 600) {
var options = document.getElementById("menu").firstElementChild.children;
for (var i = 1; i < options.length; i = i + 1) {
options[i].style.display = "none";
} }}function menu1() {
"use strict";if (document.getElementById("menu").firstElementChild.lastElementChild.style.display != "flex") {
openMenu();
} else {
closeMenu();
}}document.getElementById("menu").firstElementChild.lastElementChild.style.display
<div class="menu">
<div class="menu" id="menu">