improved

app/templates/login.html

@@ -6,20 +6,7 @@ You're logged in already!
 {% else %}
 <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" />
 <style>
-    .bg{
+ 
-    background: url(../static/img/bg.jpg);
-    background-repeat:no-repeat;
-    background-size :cover ;
-    filter: blur(7px);
-    position: absolute;
-    top: -30px;
-    left: -30px;
-    z-index: -1;
-    width: calc(100vw + 60px);
-    height: calc(100vh + 60px);   
-}
-
-
 .container{
         background-color: #FFFFFF;
         width: 400px;
@@ -128,7 +115,6 @@ h1{
 
     </style>
 
-    <section class="bg"></section>
     <div class="container">
     <section class="signin-heading">
         <h1>Sign In</h1>

app/templates/signup.html

@@ -8,20 +8,6 @@ You're logged in already! <a href="/logout">Logout</a>.
 <p>{{ get_flashed_messages()[0] | safe }}</p>
 
 <style>
-  .bg{
-    background: url(../static/img/bg.jpg);
-    background-repeat:no-repeat;
-    background-size :cover ;
-    filter: blur(7px);
-    position: absolute;
-    top: -30px;
-    left: -30px;
-    z-index: -1;
-    width: calc(100vw + 60px);
-    height: calc(100vh + 60px);  
-    overflow: hidden; 
-}
-
 
 .container{
         background-color: #FFFFFF;
@@ -131,8 +117,6 @@ h1{
 
 </style>
 
-
-  <section class="bg"></section>
   <div class="container">
   <section class="signin-heading">
       <h1>Sign Up</h1>