search items functionality

src/static/sass/abstracts/_variables.scss

@@ -1,8 +1,11 @@
 $color-dark: #171818;
 $color-background: #141414;
+$color-background-modal: #000000;
 $color-white: rgb(221, 218, 218);
 
 $color-green: #1cb831; 
+$color-green-modal: rgb(92, 223, 92); 
+$color-modal-grey: rgb(172, 171, 171);
 
 $color-red: #e21221;
 

src/static/sass/components/_modal.scss

@@ -1,13 +1,36 @@
 .modal {
+   padding-left: 4rem;
+   padding-top: 2rem;
    position: fixed;
    z-index: 500; 
    width: 100%;
    top: 30%; 
    left: 0; 
-   height: 42rem;
-   background: yellowgreen;
+   color: white;
+   height: 44rem;
+   background: $color-background-modal;
    transition: all 1s; 
    transform: scale(0);
+
+   &__title {
+      font-size: 4rem;
+   }
+
+   &__rating {
+      font-size: 2rem;
+      color: $color-green-modal;
+   }
+
+   &__info {
+      padding-top: 1.6rem;
+      font-size: 2rem;
+   }
+
+   &__overview {
+      color: $color-modal-grey;
+      padding-top: 2rem;
+      font-size: 2rem;
+   }
 }
 
 .show {