[Sugerencia] duda

/*Fondo con degradado azul a blanco*/
 @import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

 body {
    background: linear-gradient(to bottom,#643AE0, #3A7BE0);
    font-family: "Poppins", sans-serif;
    font-style: italic;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    text-align: center;
 }

 /* Estilo para el header */
 header{
   background-color:#22d4fd ;
   font-family: "Krona One", serif;
   color: #000; 
   font-weight: bold;
   padding: 10px;
   font-size: 24px;
   width: 400%;
   text-align: center;
 }

 /* Estilo para los botones */
 button {
   background: linear-gradient(45des,#E03A4D,#E06F3A ) ;
   color: #E0523A;
   border: none;
   padding: 10px 20px;
   margin: 10px;
   font-size: 18px;
   border-radius: 5px;
   cursor: pointer;
   transition: 10s;
 }
 
 button hover {
   opacity: 0.5;
 }

 /* Estilo para la imagen con sonbras descargadas */
 img {
  width:300px;
  height: auto;
  box-shadow: 10px 10px 20px rgba(128, 128green, 128blue, 0.5alpha);
  border-radius: 10px;
  margin-top: 20; 
 }

 /* Estilo para los parrafos */

 p {
  font-family: "popping", sans- serif;
  font-style: italic;
  font-size: 18px;
  color: #E08C64;
  padding: 10px;
  max-width: 800;
  margin: auto;
 }

 /* Estilo para el footer */
 footer{
 background-color:#a1ec0b ;
 color:#7e0e30 ;
 padding: 15px;
 width: 80%;
 text-align: center;
 position: absolute;
 bottom:0
 }