el contenido de mi web incluido el color del fondo se quedan a la mitad y no abarca toda la pagina...
es solo una web de prueba que estoy haciendo mientras aprendo por mi cuenta.
el codigo html es este:
Código HTML :
<body> <header class="Encabezado"> <h1 class="Titulo"> Jimmy Shibaru </h1> <nav class="Menu"> <a href="#" class="link">Relatos</a> <a href="#" class="link">Poemas</a> <a href="#" class="link">Contacto</a> </nav> </header> <main class="Cuerpo"> <section> <p class="Parrafo"> El mundo es un elipse poetico gratificante. <br> Solo el ardor de mi estomago es prudente y dificil de definir. </p> </section> </main> <footer class="F-Web"> <h2 class="Foot-Titulo"> Jimmy Shibaru </h2> <box-icon type='logo' name='snapchat' class="bxl-snapchat bx-border-circle"></box-icon> <box-icon type='logo' name='instagram' class="bxl-instagram bx-border-circle"></box-icon> <box-icon type='logo' name='youtube' class="bxl-youtube bx-border-circle"></box-icon> </footer> </body>
Y el codigo css es este (No se que hago mal):
Código CSS :
body{
background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
background-repeat: no-repeat;
font-family: 'Zen Loop', cursive;
margin: 0%;
}
.Encabezado{
width: 95%;
height: 40px;
margin: 0 auto;
padding: 2px;
background-color: rgba(70, 141, 223, 0.473);
-webkit-box-shadow: 0px 0px 0px 5px #A0A0A0, inset 0px 10px 27px -8px #141414, 5px 5px 0px 3px rgba(0,0,0,0.52);
box-shadow: 0px 0px 0px 5px #A0A0A0, inset 0px 10px 27px -8px #141414, 5px 5px 0px 3px rgba(0,0,0,0.52);
}
.Menu{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.link{
text-decoration: none;
font-size: 32px;
margin-top: 10px;
}
.Titulo{
display: flex;
justify-content: center;
font-size: 35px;
margin: auto;
}
.Cuerpo{
width: 90%;
height: 100%;
max-height: 100%;
}
.Parrafo{
display: flex;
justify-content: center;
margin-top: 10%;
font-size: 42px;
}
.F-Web{
width: 100%;
height: 100%;
margin: 12px, auto;
} 