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

html, body{
    width:100%;
    height: 100%;
}

body{
    background-attachment: fixed;
    background-image: url(../img/b1.jpeg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 3s linear;
}

form{
    background-color: rgba(0,0,0,0.7);
    padding: 1vh;
    color:aliceblue;
    width: min(600px,95vh);
}

.form-group{
    padding: 1vh;
    width: 100%;
}

form input{
    padding: 7px;
    width: 100%;
    border-radius: 1vh;
}

form input[type=submit]{
    background-color: red;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

.error{
    padding: 1vh;
    border-radius: 2px;
    border: 1px solid red;
    background-color: rgba(200,10,10,0.7);
    margin-bottom: 1vh;
}
img{
    display: block;
    margin: 2vh auto;
    width: 80%;
}