[Duda] Primer desafío-tamaño pagina | Alura Latam

Buenos días Estoy con la primer parte del desafío, no logro ver mi página entera. Es la primera vez en mi vida que hago ésto, así que perdón por el código. Alquien podrá ayudarme a ver en qué me equivoco? muchas gracias!

<html.lang="es">

<head>
    <meta charset="UTF-8">
    <title>Encriptador Sos Rara</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="encriptador.css">
</head>


<body> 

    <header>

        <div class="contenedor">
            <img src="logo_sos_rara.jpg" alt="Logo del encriptador Sos Rara" class="logo">
        </div>


    </header>


    <main>

        <form>
            <textarea id="mensaje" class="input-padron"required placeholder ="Ingrese el texto aquí"></textarea>
        </form>


        <div class="contenedor-lateral">

        </div>


    </main>

    <footer>


        <div class="contenedorbutton">
            <button type="Encriptar" class="encriptar" class="linea">Encriptar</button>
            <button type="Encriptar" class="desencriptar" class="linea">Desencriptar</button>
        </div>


        <div class="frame1">
        <p class="textoframe1">Sólo letras minúsculas y sin acento</p>
        <script src="https://code.iconify.design/iconify-icon/1.0.2/iconify-icon.min.js"></script>
        <iconify-icon icon="bi:exclamation-circle-fill"style="color: darkgrey;"></iconify-icon>


    </footer>

</body>

body{ position: relative; width: 1440px; height: 1024px; background: lightgrey;

}

.contenedor{ position: absolute; width: 120px; height: 48px; left: 40px; top: 40px;}

.logo{ object-fit: cover; height: 100%; border-radius: 24px; }

.contenedor-lateral{ position: absolute; width: 400px; height: 944px; left: 1000px; top: 40px; background: white; box-shadow: 0px, 24px, 32px -8px; border-radius: 32px; }

.input-padron{ position: absolute; width: 577px; height: 48px; left: 240px; top: 168px; border: none; background: lightgrey; }

::placeholder{font-family:fantasy; font-size: normal; font-weight: 400; font-size: 32px; line-height: 150%; color: #0A3871; }

.contenedorbutton{ position: absolute; width: 680px; height: 67px; left: 240px; top:885px; }

.encriptar{ width: 328px; height: 67px; color: white; background: darkblue; border-radius: 24px; flex: none; order: 0; flex-grow: 0; }

.desencriptar{ width: 328px; height: 67px; color: darkblue; background: white; border-radius: 24px; }

.frame1{ position: absolute; width: 229px; height: 18px; left: 240px; top: 851px; display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; }

.textoframe1{ width: 205px; height: 18px; font-family: sans-serif; font-size: normal; font-weight: 400; font-size: 12px; line-height: 150%; color: grey; flex: none; order: 1; flex-grow: 0; }

.linea{ display: flex; flex-direction: row; align-items: flex-start; padding:24px; gap: 8px; }