Updated search logic. More UI updates.

JSMR.UI.Blazor/Pages/Home.razor

@@ -18,67 +18,6 @@
     </MudTabPanel>
 </MudTabs>
 
-<style>
-    .j-product-items-container {
-        display: flex;
-        flex-direction: column;
-        gap: 2rem;
-    }
-
-    .j-voice-work-card {
-        display: flex;
-        gap: 1rem;
-        background-image: linear-gradient(0deg, rgb(30, 53, 69), rgb(39, 59, 73));
-        border-color: rgb(63, 78, 88);
-        background-image: linear-gradient(0deg, rgb(30, 53, 69), rgb(57, 79, 94));
-    }
-
-    .j-voice-work-image-container {
-        width: 240px;
-        width: 300px;
-    }
-
-    .j-voice-work-card > .j-voice-work-image-container {
-        flex-shrink: 0;
-    }
-
-    .j-voice-work-image {
-        border-radius: 20px;
-    }
-
-    .j-voice-work-content {
-        display: flex;
-        flex-direction: column;
-        gap: .5rem;
-    }
-
-    .j-voice-work-card > .j-voice-work-content {
-        flex-grow: 1;
-    }
-
-    .j-product-title {
-        font-size: 1.25rem;
-        font-weight: 600;
-        font-family: "Poppins", "M+ 1p";
-        color: #d2dce6;
-        text-shadow: 1px 1px 2px black;
-    }
-
-    .j-product-description {
-        /* color: #7C8099; */
-        font-size: 1rem;
-        font-family: "Poppins", "M+ 1p";
-    }
-
-    .j-voice-work-info {
-        width: 240px;
-    }
-
-    .j-voice-work-card > .j-voice-work-info {
-        flex-shrink: 0;
-    }
-</style>
-
 @code {
     VoiceWorkSearchResult[]? availableVoiceWorks;
     VoiceWorkSearchResult[]? upcomingVoiceWorks;