h2, input, button{
    margin-bottom: 3em;
    color: white;
}

input{
    margin-bottom: 1em;
      color: black;
      padding: 0px 0px;
      font-size: 13px;
      font-weight:400;
      font-variant: normal;
              /* Define o raio da borda para torná-la arredondada */
        border-radius: 10px; /* Ajuste conforme necessário */
        /* Define outros estilos de borda, cor e espaçamento */
        border: 1px solid #ccc;
        padding: 10px;
        width: 200px; /* Largura do input */
    
}
body {
    background-color:#060270;
}
button{
    background-color:green;
      color: white;
      font-size: 16px;
      font:monospace;
      font-weight:800;
      font-variant: small-caps;
              border-radius: 10px; /* Ajuste conforme necessário */
        /* Define outros estilos de borda, cor e espaçamento */
        border: 1px solid #ccc;
        padding: 10px;
        width: 200px; /* Largura do input */

}
img{
    background: transparent;
    width: auto;
    height: 100px;
}

#login-box{
    width: 100%;
    height: 100vh;
    min-width: 200px;
    min-height: 200px;
    padding-top: 50px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    font: palanquin;
    font-size: 17px;
    font-weight:300;
}
#login-form{
     
      display: block;
      color: white;
      padding: 0px 0px;
      font-size: 24px;
    position: relative;
    
      
}

@media only screen and (min-width: 768px) {

    #login-box{
        width: 300px;
        height: 500px;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        padding-top: 50px;
        box-sizing: border-box;
        text-align: center;
    }

}