:root {
    --cor_fundo: rgb(189, 241, 189);
}

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

}

body {
    width: 100%; /*largura de 100% da página*/
    height: 100vh; /*altura total da página*/
    padding: 5rem;
    text-align: center;
    background-color: var(--cor_fundo);

}


.div_gerar_senha {
    /*border: 1px solid violet;*/
    border-radius: 15px;
    /*padding: 20px;*/
    text-align: left;

    padding: 1rem;
 
    width: 40rem;
    height: 20rem;
     
    /*margem*/
    margin: 2rem auto; /*pra deixar o elemento no meio do site*/
 
    background: linear-gradient(to top, right, var(--cor_fundo), #ccc, green, black, blue);
 
    /*box shadow embaixo e no lado direito*/
    /*box-shadow: 15px 10px 8px rgba(54, 167, 41, 0.699);*/
    
    /*box shadow embaixo e no lado direito cor preto*/
    /*box-shadow: 10px 5px 5px black;*/

    /*box shadow como uma mancha no lado esquerdo inferior cor preto*/
    /*box-shadow: -120px 120px 120px #000;*/

    /*box shadow como uma mancha no lado esqueredo inferior cor preto mais claro*/
    /*box-shadow: -120px 100px 120px #1b1818; */

    /*box shadow como uma mancha na div dentro do gerador cor preto*/
    box-shadow: inset 0 0 120px #000; 

    
}

h1 {
    color: green;
    text-align: center;
    font-size: 1.7rem;
    margin-bottom: 2rem;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
}

label {
    font-size: 1.1rem;
    font-weight: bold;

    margin-left: 1rem;
    

}

input {
    padding: .4rem 10rem .4rem .2rem;
    margin-top: 1rem;
    margin-left: 1rem;

}

button {
    margin-top: 1rem;
    padding: .8rem;
    cursor: pointer;
    color: black;
    /*font-weight: bolder;*/
    font-size: .8rem;
    font-weight: bolder;
    border: 1px solid black;
    border-radius: 15px;
    margin-left: .6rem;
    margin-left: 1rem;


}

button:hover {
    font-weight: bolder;
    background-color: var(--cor_fundo);
    border: 1px solid red;
    transform: scale(1.1); 
    

    
}


p{
    /*color: black;*/
    margin-top: 1rem;
    font-weight: bolder;          
    font-size: 1.2rem; 
    text-align: center;    
        
}

footer {
    color: black;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: 2px; /*para distanciar as letras*/
    margin-top: 8rem;
    margin-bottom: 0;
    font-size: 10px;
    font-weight: bolder;
    white-space: wrap; /*pra ter quebra de linha*/
}




 









































































































































































































/*Esse trabalho foi feito por Luciene Lima*/