Untitled

<!DOCTYPE html><html lang="ro">
<head>
  <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Roberta</title>
        <style>
            * {
                      margin: 0;
                            padding: 0;
                                  box-sizing: border-box;
                                        font-family: Arial, Helvetica, sans-serif;
            }body, html {
                  width: 100%;
                    height: 100%;
                      background: black;
                        overflow: hidden;
            }

            .video-container {
                  position: fixed;
                    top: 0;
                      left: 0;
                        width: 100%;
                          height: 100%;
                            z-index: -1;
            }

            video {
                  width: 100%;
                    height: 100%;
                      object-fit: cover;
            }

            .overlay {
                  position: absolute;
                    top: 0;
                      left: 0;
                        width: 100%;
                          height: 100%;
                            background: rgba(0, 0, 0, 0.35);
                              display: flex;
                                align-items: center;
                                  justify-content: center;
                                    flex-direction: column;
                                      text-align: center;
                                        color: white;
            }

            h1 {
                  font-size: 4rem;
                    letter-spacing: 4px;
                      text-transform: uppercase;
            }

            p {
                  margin-top: 15px;
                    font-size: 1.2rem;
                      opacity: 0.85;
            }

            @media (max-width: 768px) {
                  h1 {
                        font-size: 2.5rem;
                  }
                    p {
                            font-size: 1rem;
                    }
            }

              </style>
              </head>
              <body>  <div class="video-container">
                  <video autoplay muted loop playsinline>
                        <source src="Roberta.mp4" type="video/mp4" />
                              Browserul tău nu suportă video HTML5.
                                  </video>
                                    </div>  <div class="overlay">
                                        <h1>Roberta</h1>
                                            <p>Un moment. O emoție. O poveste.</p>
                                              </div></body>
                                              </html>
                    }
                  }
            }
            }
            }
            }
            }
            }
            }
            }
Editor is loading...