@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body, html {
      height: 100%;      
      background-color: #0f1721;
      font-family: "Roboto", sans-serif;
      color: #fff;
    }

    .wrapper {
      display: flex;
      height: 100vh;
      flex-direction: row;
    }

    .box {
        flex: 1;
        display: flex;
        align-items: center; /* Centra verticalmente */
        justify-content: center; /* Centra horizontalmente */
        padding: 15px;
    }

    .inner-box {
      width: 100%;
      height: 100%;
    }

    /* Responsive: cambiar a columnas verticales en pantallas pequeñas */
    @media (max-width: 768px) {
      .wrapper {
        flex-direction: column;
      }
    }