Hola,
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;
}