body{
    font-style: italic;
    font-family:Arial, Helvetica, sans-serif;
    box-sizing:border-box;
    font-weight:600;
    margin:0;
}

#container{
    text-align: center;
    border:3px solid black;
    padding:10px;
    height:100vh;
    background-color:gray;


}

#innerContainer{
    border-radius:14px;
    border:3px solid rgb(255, 253, 253);
    height:600px;
    display:flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(to right, blue, purple);
    background-position:0% 0%;
    box-shadow: 3px 3px 4px black;
}
/*====HEADING=====*/

h1{ color:white;
    font-weight:600;

}

/*====FORM=======*/

form{
    border:3px solid rgb(255, 255, 255);
    border-radius:14px;
    width:320px;
    height:400px;
    text-align: center;
    padding-top: 50px;
    box-shadow: 0px 8px 32px black;
    border: 1px solid rgba(225, 225, 225, 0.18);
  background: rgba(225, 225, 225, 0);
  backdrop-filter: blur(10px);
}

#passwordLength{
    width:60px;
    font-size: 20px;
    border-radius:10px;
    border:2px solid white;
    background-color:blue;
    color:white;
    text-align: center;
}

 label{color:white;
    font-size:20px;
}
h3{
    color:white;
}

.checkBox{

}

/*=====BUTTON===*/

.button{
    color:white;
    font-size:20px;
    font-weight: 600;
    border-radius:10px;
    background-color:hsl(0, 100%, 40%);
    transition-duration:all 0.3s ease-in-out;
}

.button:hover{
    font-size:25px;
    background-color:hsl(0, 100%, 50%);
    color:blue;
}

/*=====RESULTS====*/

#Results{
    color:white;
    font-size:20px;
}