fix background

src/app/app-routing.module.ts

@@ -54,6 +54,7 @@ const routes: Routes = [
   imports: [
     RouterModule.forRoot(routes, {
       preloadingStrategy: PreloadAllModules,
+      scrollPositionRestoration: 'enabled',
       // relativeLinkResolution: 'legacy',
     }),
   ],

src/app/widget-modules/components/card/card.component.less

@@ -4,11 +4,10 @@
   margin: 20px;
   border-radius: 8px;
   background: #fffc;
-  backdrop-filter: blur(12px);
+  backdrop-filter: blur(15px);
   overflow: hidden;
   width: 800px;
   position: relative;
-  transition: all 150ms ease-in-out;
 
   @media screen and (max-width: 860px) {
     width: 100vw;

src/styles/styles.less

@@ -11,18 +11,19 @@
 
 html {
   scroll-behavior: smooth;
+  overflow: hidden;
 }
 
 body {
   margin: 0;
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
-  overscroll-behavior-y: none;
   color: #333;
 
-  background-attachment: fixed;
   background-image: url("/assets/background.jpg");
   background-size: cover;
+  background-position: center;
+  overflow: auto;
 }
 
 p {
@@ -67,7 +68,7 @@ a {
 }
 
 html, body {
-  height: 100%;
+  height: 100vh;
 }
 
 body {