#OverlayJph{
          z-index: 400;
          position: absolute;
          width: 100%;
          height: 100%;
          margin-top: -150px;
  }

  .oculto{
      display: none;
  }
    .inputC{
    margin-top: 8%;
    margin-left: 5%;
    border-radius: 4px;
    border: 1px solid orange;
    /*box-shadow: inset 0px 0px 9px -1px orange;*/
    width: 40%;
    font-size: 12px;
    font-family: system-ui;
    height: 20%;
    text-align: center;
  }
    .divCC{
         margin-left: 30%;
    }

    .cambiar{
        margin-left: 40%; 
        margin-top: 4%
    }
    .inputMail {
    margin-top: 4%;
    margin-left: 5%;
    border-radius: 4px;
    border: 1px solid orange;
    width: 70%;
    font-size: 12px;
    font-family: system-ui;
    height: 20%;
    text-align: center;
    }
    .inputToken {
    margin-top: 8%;
    margin-left: 5%;
    border-radius: 4px;
    border: 1px solid orange;
    /*box-shadow: inset 0px 0px 9px -1px orange;*/
    width: 60%;
    font-size: 12px;
    font-family: system-ui;
    height: 20%;
    text-align: center;
    }

    .inputUsuario{
    margin-top: 8%;
    margin-left: 5%;
    border-radius: 4px;
    border: 1px solid orange;
    /*box-shadow: inset 0px 0px 9px -1px orange;*/
    width: 60%;
    font-size: 12px;
    font-family: system-ui;
    height: 20%;
    text-align: center;
    }
    

  @media screen and (max-width: 500px) {
    #OverlayJph{
        z-index: 400;
        position: absolute;
        width: 100%;
        height: 118%;
    }

    .oculto{
        display: none;
    }
    .inputC{
        margin-top: 8%;
        border-radius: 4px;
        border: 1px solid orange;
        /*box-shadow: inset 0px 0px 9px -1px orange;*/
        width: 50%; font-size: 12px; 
        font-family: system-ui; 
        height: 20%;
        text-align: center;
    }
    .divCC{
        margin-top: 10px;
        margin-left: 20%;
    }
    .cambiar{
        margin-left: 40%; 
        margin-top: 4%
    }

    .inputMail {
    margin-top: 10%;
    border-radius: 4px;
    border: 1px solid orange;
    /*box-shadow: inset 0px 0px 9px -1px orange;*/
    width: 95%;
    font-size: 12px;
    font-family: system-ui;
    height: 20%;
    text-align: center;
    }
    .inputToken {
    margin-top: 20%;
    border-radius: 4px;
    border: 1px solid orange;
    /*box-shadow: inset 0px 0px 9px -1px orange;*/
    width: 95%;
    font-size: 12px;
    font-family: system-ui;
    height: 20%;
    text-align: center;
    }

    .inputUsuario{
    margin-top: 15%;
    margin-left: 5%;
    border-radius: 4px;
    border: 1px solid orange;
    /*box-shadow: inset 0px 0px 9px -1px orange;*/
    width: 60%;
    font-size: 12px;
    font-family: system-ui;
    height: 20%;
    text-align: center;
    }
    
  }