body{padding:2%;font-family: Arial, Helvetica, sans-serif;}
label{padding-bottom: 2px;}
.div-form{margin-top: 40px !important; margin:auto; max-width: 450px; color:var(--front); border: 1px solid rgba(0, 0, 0, 1); background-color: rgba(0,0,0, 0.5);border-radius: 15px; padding: 10px; box-shadow: 1px 1px 10px black;}
.div-form label{color:var(--middle);}
.div-content{padding: 5px 15px;}
.color-middle{color:var(--middle)}
.img-logo{width: 70%; margin-top: 5px;}
.input-form{letter-spacing: 0.05em; background-color: transparent; color: var(--front); border-color: var(--middle);}
.input-form:focus{background-color: transparent; color:var(--front); border-color: var(--front); box-shadow: 1px 1px 5px var(--middle);}
.links a{color:var(--middle); padding: 0px 15px; font-size: 14px;}
.links a:hover{color:var(--front);}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.disabled, .btn-primary:disabled {background-color: transparent; border-color: var(--middle); color: var(--middle)}
.btn-primary:hover, .btn-primary:focus{box-shadow: 0.1em 0.1em 10px var(--middle);}
hr {border-top:1px dashed var(--middle); color:transparent;}
.background-div {width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;z-index: -999;}
.stretch {width:100%;height:100%;}
@media only screen and (max-width: 600px) {
  body{background-color: var(--back);}
  .background-div {filter:blur(4px); border-color:black;}
}