body {
    font-family: verdana;
    display       : grid;
    place-content : center;
    min-height    : 100vh;
    /*border: 3px solid blue;*/
    /*background-color: lightgrey;*/
    background: linear-gradient(to top left, #33ccff 0%, #ff99cc 100%);
}

form {
    min-width: 300px;
    border: 3px solid grey;
    border-radius: 16px;
    padding: 16px;
    background-color: white;
}
h1 {
    text-align: center;
}

input[type=text], input[type=password] {
    width: 100%;
    border-radius: 16px;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
button {
    border-radius: 16px;
    background-color: #04AA6D;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
align_right {
    float: right;
    padding-top: 16px;
}
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}
img.avatar {
  width: 40%;
  border-radius: 50%;
}
img{
    display: block;
  margin-left: auto;
  margin-right: auto;
}