--- a +++ b/css/style.css @@ -0,0 +1,90 @@ + +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; + +} \ No newline at end of file