Set background color for main container and adjust styles for login and password pages

FoodsharingSiegen.Server/Controls/ProspectContainer.razor.scss

@@ -17,6 +17,7 @@
 }
 
 .pc-main {
+    background-color: #FFF;
     display: flex;
     flex-direction: column;
     height: 100%;

FoodsharingSiegen.Server/Pages/ForgotPassword.razor

@@ -6,7 +6,7 @@
 
 <PageTitle>@AppSettings.Terms.Title - Passwort vergessen</PageTitle>
 
-<div class="d-flex justify-content-center align-items-center" style="min-height: 100vh; background-color: #f4f6f8;">
+<div class="d-flex justify-content-center align-items-center" style="min-height: 100vh;">
     <div class="card shadow border-0" style="width: 100%; max-width: 420px; border-radius: 12px; margin: 1rem;">
         
         <div class="card-body p-4 p-md-5">

FoodsharingSiegen.Server/Pages/Login.razor

@@ -6,7 +6,7 @@
 
 <PageTitle>@AppSettings.Terms.Title - Login</PageTitle>
 
-<div class="d-flex justify-content-center align-items-center" style="min-height: 100vh; background-color: #f4f6f8;">
+<div class="d-flex justify-content-center align-items-center" style="min-height: 100vh;">
     <div class="card shadow border-0" style="width: 100%; max-width: 420px; border-radius: 12px; margin: 1rem;">
         
         <div class="card-body p-4 p-md-5">

FoodsharingSiegen.Server/Pages/ResetPassword.razor

@@ -6,7 +6,7 @@
 
 <PageTitle>@AppSettings.Terms.Title - Neues Passwort setzen</PageTitle>
 
-<div class="d-flex justify-content-center align-items-center" style="min-height: 100vh; background-color: #f4f6f8;">
+<div class="d-flex justify-content-center align-items-center" style="min-height: 100vh;">
     <div class="card shadow border-0" style="width: 100%; max-width: 420px; border-radius: 12px; margin: 1rem;">
         
         <div class="card-body p-4 p-md-5">

FoodsharingSiegen.Server/wwwroot/css/site.scss

@@ -4,6 +4,7 @@
 
 html, body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    background-color: #f5ffed !important;
 }
 
 h1:focus {