body {
    margin: 0 auto; 
    background-image: url("../images/bgpic.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    width: 100vw;
    height: 100vh;
    display: flex; 
    justify-content: center; 
    align-items: center;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

a {
    color:#fff;
    font-weight: bolder;
}
a:visited {
    color:#fff;
}

.container {
    width:500px; 
    height: 450px; 
    margin:130px auto; 
    padding-top:50px;
    text-align: center;
    background-color: rgba(57, 108, 221, 0.6);
    border-radius:10px;
}

.icon {
    margin-top:-120px;
}

input[type="text"], input[type="password"] {
    width: 300px;
    height: 50px;
    font-size: 18px;
    margin-bottom: 20px;
    padding-left:5px;
}

.button {
    width:150px;
    height: 50px;
    font-size:18px;
    background-color:#000;
    color:#fff;
    border:#fff solid 1px;
}

.button:hover {
    background-color:#fff;
    color:#000;
    cursor: pointer;
}