* { box-sizing:border-box; }
html, body { min-width: 100vw; min-height: 100vh; margin:0; padding:0; }
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#4598F4;
	background-image:url("../demo/background.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.wrapper {
	display:block; width:350px; margin:0 auto; margin-top:15%; padding:20px; border-radius:.5em;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
}

.wrapper img { width:100%; height:auto; }
.input-container { display:flex; margin-bottom:15px; }
.icon { padding:10px;background:#5A5A5A;color:white;min-width:80px;text-align:center;padding-top:12px; }
.input-field { display:block;right:10px;outline:none;margin-left:10px;padding-left:5px;width:230px; }
button { background-color:#5A5A5A;color:white;padding:15px 20px;border:none;cursor:pointer;width:320px;opacity:0.9; }
button:hover {opacity:1;}