html,body {
background-image: url('background-image.jpg');
background-attachment: fixed;
background-size: cover;
margin:0px;
height:100vh;
}
.center {
height:100%;
display:flex;
align-items:center;
justify-content:center;
}
.form-input {
width:350px;
padding:20px;
background: rgba(0,0,0,0.2);
border-radius: 20px;
}
.form-input input {
display:none;
}
.form-input label {
display:block;
width:100%;
height:50px;
line-height:50px;
text-align:center;
background:#333;
color:#fff;
font-size:15px;
font-family:"Open Sans",sans-serif;
text-transform: uppercase;
font-weight:600;
border-radius:10px;
cursor:pointer;
margin-bottom: 10px;
}
.form-input img {
width:100%;
height:300px;
display:none;
margin-bottom: 20px;
}
#thebutton{
display:none;
width:65%;
height:50px;
text-align:center;
background:#5267a6;
color:#fff;
font-size:15px;
font-family:"Open Sans",sans-serif;
text-transform: uppercase;
font-weight:600;
border-radius:10px;
cursor:pointer;
margin: 0 auto;
}
#prediction{
display:none;
width:65%;
height:50px;
text-align:center;
background:#5267a6;
color:#fff;
font-size:15px;
font-family:"Open Sans",sans-serif;
text-transform: uppercase;
font-weight:600;
border-radius:10px;
cursor:pointer;
margin: 0 auto;
}