Hola alzacon! No como dije anteriormente como no estoy tan diestro en css no se si sera mucho exegerar trabajar con responsive desing.
Los em y rem solo los he provado en los font-size, es mas nada en el codigo no sale porque preferi dejarlo como lo tenia cuando me di cuenta del problema.
Aca te dejo lo que me pides, el texto menu principal esta en el id="barra" que su vez esta dentro del nav, el nav dentro de la etiqueta general y la general dentro del body. Saludos!
Código CSS:
Ver originalbody{
margin: 0px;
background-image: url(../imagenes/textura.png);
font-family: arial;
}
#general {
margin: auto;
height: 86%;
width: 92%;
box-shadow: 2px 10px 10px #333;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
nav{
float: left;
width: 20%;
height: 70%;
background: #0e7cae;
}
#barra{
width:90%;
height:5%;
background:white;
color: black;
padding-top: 4%;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
box-shadow: 2px 2px 10px #333;
font-weight: bold;
}