body{
    background-image:url("psg_img.png");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    background-attachment:fixed;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
}
*{
    font-family: sans-serif;
    box-sizing:border-box;
}
form{
    width:500px;
    border:2px  solid #ccc;
    padding:30px;
    background:#fff;
    border-radius:15px;
   }

h2{
    text-align:center;
    margin-bottom:40px;

}
input{
    display:block;
    border:2px solid #ccc;
    width:95%;
    padding:10px;
    margin:10px auto;
    border-radius:5px;
}
label{
    color:#888;
    font-size:18px;
    padding:10px;
    display:inline-block;

}
label[for="username"] {
    display:flex;
    flex-direction:column;
}
input[type="radio"] {
    vertical-align: middle; 
    margin-bottom:-30px; 
}
button{
    float:right;
    background:#555;
    padding:10px 15px;
    color:#fff;
    border-radius:5px;
    margin-right:10px;
    border:none;
}
button:hover{
    opacity:.7;
}
input[type="radio"]{
    display:flex;
    flex-direction:row;
}

input[type="text"]{
    margin-left:10px;
}
.error{
    background-color:#F2DEDE;
    color:#A94442;
    padding:10px;
    width:95%;
    border-radius:5px;
    margin:2px auto;
}