@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap');
        
        html{
            height: 100vh;
            width: 100vw;
        }
        body{
            height: 100vh;
            width: 100vw;
            background-image: url("fondo.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }
        
        .contenedor {
            position: relative;
            height: 100vh;
        }
        
        .caja {
            position: absolute;
            top: 70%;
            left: 5%;
            transform: translateY(-50%);
            padding: 20px;
            color: black;
        }
        
        .entrada-correo {
          display: inline-flex;
          border-radius: 4px;
          overflow: hidden;
        }
        
        .entrada-correo input[type="text"] {
          border: none;
          padding: 10px;
          outline: none;
          background-color: white;
          border: 1px solid black;
          color: black;
          flex: 1;
          font-size: 16px;
        }
        
        .entrada-correo button {
          background-color: black;
          color: white;
          border: none;
          padding: 10px 16px;
          cursor: pointer;
          text-transform: uppercase;
          font-family: 'Playfair Display', serif;
          font-weight: 600;
          letter-spacing: 1px;
          border: 1px solid black;
          font-size: 14px;
        }
        
        .entrada-correo button:hover {
          background-color: #333;
        }