*{
  margin: 0;
  padding: 0;
}
body {
  font-family: "Lato", sans-serif;
}

.container{
    margin: auto;
    margin-bottom: 20px;
    border-radius: 10px;
    width: 100%;
    padding: 20px;

}
#form{
    width:400px;
    padding:20px;
    background:#fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius:10px;
    border:1px solid var(--text-color);
}
#form input{
    border:1px solid var(--text-color);
}
#form .form-group label{
    text-align:left!important;
    width:100%;
    color:#6C7383;
}
#idcard{
    background:var(--background-color);
    border:0;
    transition:.3s opacity;
}
#idcard:hover{
    opacity:.9;transition:.3s opacity;
}
@media only screen and (max-width:500px){
    #form{
        width:100%;
    }
}