* {
	box-sizing: border-box;
	}
	
	html {
      zoom: 75%;
      margin-left: 10%;
      margin-right: 10%;	  
	}

html {
	scroll-behavior: smooth;
    /* Ajusta este valor para que coincida exactamente con la altura de tu nav fijo */
    scroll-padding-top: 120px;   
}


.menu {
	top: 0;
	position: fixed;
	margin-bottom: 50px;
    background-color: darkblue;
	margin: auto;
	border: 5px solid white;
	box-shadow: 0px 14px 40px white;
	z-index: 9999;
	justify-content: center;
	box-sizing: border-box; 
    display: flex;
    width: 100%;
	left: 0;
    padding: 0px;
    text-shadow: 0px 8px 15px black;
	cursor: pointer;
	gap: 20px;
	color: white;
	flex-wrap:wrap;
	margin-bottom: 40px;
	box-sizing: border-box; 
	font-size: 20 px;
	align-items: center;
}


.menu:hover {
	box-shadow: 0px 14px 40px orange;
	}

a {
	color:white;
}

a:hover {
	color:orange;
}

.h1 {
 color : orange;	
}