diff --git a/FrontendMentor/newbie/profile-card-component/css/style.css b/FrontendMentor/newbie/profile-card-component/css/style.css
index e82373a..0ba4501 100644
--- a/FrontendMentor/newbie/profile-card-component/css/style.css
+++ b/FrontendMentor/newbie/profile-card-component/css/style.css
@@ -82,7 +82,7 @@ body {
.stats {
display: flex;
- justify-content: space-around;
+ justify-content: space-evenly;
margin-top: 1.5rem;
padding-bottom: 1.5rem;
}
@@ -113,6 +113,30 @@ body {
margin-top: 0.5625rem;
}
+.topCircle, .bottomCircle {
+ position: absolute;
+ width: 100vw;
+ height: 100vh;
+ background-size: auto;
+ transform: translate(-50%, -50%);
+ z-index: -1;
+ opacity: 0.75;
+}
+
+.topCircle {
+ background: url(../images/bg-pattern-top.svg) no-repeat bottom right;
+
+ top: 0;
+ left: 0;
+}
+
+.bottomCircle {
+ background: url(../images/bg-pattern-bottom.svg) no-repeat top left;
+
+ top: 100%;
+ left: 100%;
+}
+
.attribution {
position: absolute;
font-size: 11px;
diff --git a/FrontendMentor/newbie/profile-card-component/index.html b/FrontendMentor/newbie/profile-card-component/index.html
index be8016c..5b6ebb4 100644
--- a/FrontendMentor/newbie/profile-card-component/index.html
+++ b/FrontendMentor/newbie/profile-card-component/index.html
@@ -18,6 +18,7 @@