complete frontend restyling

frontend-react/src/components/items/itemcard/ItemCard.css

@@ -1,36 +1,40 @@
 .item {
   display: grid;
-  border: solid #877ad2 1px;
-  border-radius: 10px;
-  max-width: 360px;
-  min-height: 300px;
+  border: solid #ffc600 1px;
+  border-radius: 5px;
+  max-width: 200px;
+  min-height: 150px;
   grid-template-areas:
     "image"
     "title";
   margin: 3%;
-  background-color: #dbdbd7;
+  background-color: #272727;
+  justify-items: center;
+  align-items: center;
 }
 
 .item > a > img {
-  width: 70%;
-  height: 60%;
-  max-height: 200px;
+  width: 90%;
+  height: 90%;
+  min-height: 100px !important;
+  min-width: 150px !important;
   grid-area: image;
-  padding: 8% 8% 0 8%;
 }
 .item > a {
   text-decoration: none;
 }
 .basic-info {
   grid-area: title;
-  width: 85%;
+  width: 100%;
   margin: 0 auto;
+  text-align: center;
 }
 
 .basic-info > h3 {
   font-size: 90%;
   margin: 5%;
   margin-bottom: 0px;
-  color: #332390;
+  color: #ffc600;
+  padding-bottom: 10px;
   overflow-wrap: break-word;
 }