diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 9953dea..23879ec 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -12,606 +12,9 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
@@ -669,7 +72,7 @@
-
+
@@ -728,10 +131,10 @@
-
+
-
+
diff --git a/src/components/elements/homepage/recent-list.jsx b/src/components/elements/homepage/recent-list.jsx
index 5cef0a2..1f28a0a 100644
--- a/src/components/elements/homepage/recent-list.jsx
+++ b/src/components/elements/homepage/recent-list.jsx
@@ -10,7 +10,23 @@ const Recent = props => {
-
-
+
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
diff --git a/src/css/basic.scss b/src/css/basic.scss
index 861a558..9a934c4 100644
--- a/src/css/basic.scss
+++ b/src/css/basic.scss
@@ -8,6 +8,15 @@ body {
background-color: var(--background);
color: var(--foreground);
font-family: 'Ubuntu', sans-serif;
+ max-width: 1000px;
+ margin: 0 auto;
+ box-shadow: 0px -30px 20px rgba(0, 0, 0, 0.34);
+
+
+}
+
+@media (min-width: 1000px) {
+ box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.34);
}
.h1{
diff --git a/src/css/elements/recent-list.scss b/src/css/elements/recent-list.scss
index 6cdb81c..529dbdf 100644
--- a/src/css/elements/recent-list.scss
+++ b/src/css/elements/recent-list.scss
@@ -21,14 +21,16 @@
box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.34);
background: var(--background);
border-radius: 10px;
+ word-break: break-word;
display: flex;
align-items: center;
align-content: center;
- width: max-content;
margin: 20px 0;
padding:10px 20px;
+ width: max-content;
+ max-width: 80vw;
color: var(--cyan);
transition: 0.2s;
@@ -63,6 +65,7 @@
border-bottom-right-radius: 0;
border-top-right-radius: 0;
margin-left: auto;
+
&:hover, &:focus{
padding-right: 40px;
}