diff --git a/public/background.jpg b/public/background.jpg
new file mode 100755
index 0000000..e7ebf25
Binary files /dev/null and b/public/background.jpg differ
diff --git a/src/app/globals.css b/src/app/globals.css
index 7fd4dc7..5d30a13 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,12 +1,39 @@
-body {
+#cv body {
background-color: lightgrey;
}
+.background {
+ position: fixed;
+ width: 100%;
+ height: 100vh;
+ top: 0;
+ z-index: -10;
+}
+@media screen and (min-width: 1400px) {
+ .background {
+ background: url("/background.jpg");
+ background-attachment: fixed;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ z-index: -10;
+ }
+
+ .main-container {
+ margin-top: 10rem;
+ margin-bottom: 15rem;
+ border: 1px solid lightgray;
+ border-radius: 5px;
+ }
+}
+
.main-container {
background-color: white;
padding-top: 1rem;
padding-bottom: 0.2rem;
+ z-index: 1;
+ transition: 0.5s;
}
.main-container .photo {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 446199b..547edc0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -21,8 +21,9 @@ export default function RootLayout({
children: React.ReactNode
}) {
return (
-
+
+
{children}