major updates

src/App.css

@@ -7,14 +7,43 @@ body {
   font-family: jetbrains-mono, monospace;
   margin: 0;
   padding: 0;
-  background: #140f10;
-  color: rgb(241, 209, 190);
+  color: rgb(181, 221, 255); /* текст */
 }
 
+/* Контейнер для фона */
+.full-screen-background {
+  background-image: url('https://dafoxer.pufok.gay/PublicResources/bg.jpg');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 100%;
+  height: 100vh;
+  position: absolute; /* Позиционируем фон за контентом */
+  top: 0;
+  left: 0;
+  z-index: -1; /* Отправляем фон назад */
+  opacity: 1; /* Прозрачность фона */
+  mix-blend-mode: overlay; /* Режим наложения */
+}
+
+.full-screen-background::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.526); /* Затемнение */
+  z-index: 0;
+}
+
+/* Обёртка для всего контента */
 .app {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
+  position: relative; /* Делаем контент поверх фона */
+  z-index: 1; /* Убеждаемся, что контент над фоном */
 }
 
 .page {
@@ -26,8 +55,8 @@ body {
   padding: 0;
   display: flex;
   gap: 1rem;
-  /* background: #18161f; */
   padding: 1rem;
+  background: rgba(52, 6, 42, 0.8); /* Полупрозрачный фон для навбара */
 }
 
 .navbar a {
@@ -42,7 +71,7 @@ body {
 .footer {
   text-align: center;
   padding: 1.5rem;
-  /* background: #18161f; */
+  background: rgba(52, 6, 42, 0.8); /* Полупрозрачный фон для футера */
   color: rgb(238, 127, 75);
   margin-top: auto;
 }

src/App.js

@@ -11,6 +11,10 @@ import NotFound from './pages/NotFound.js';
 function App() {
   return (
     <div className="app">
+      {/* Фоновый слой */}
+      <div className="full-screen-background"></div>
+
+      {/* Контент поверх фона */}
       <Navbar />
       <Routes>
         <Route path="/" element={<Home />} />

src/pages/Contact.js

@@ -7,10 +7,10 @@ function Contact() {
       <p><i>в разработке</i></p>
       <h1>Кнопочки</h1>
       <p>интересные кнопочки на другие ресурсы:</p>
-      <a href="https://pufok.gay/" target="_blank" rel="noreferrer">
+      <a href="https://dafoxer.pufok.gay/" title="dafoxer.pufok.gay" target="_blank" rel="noreferrer">
         <img
-          src="https://pufok.gay/PublicResources/webring.png"
-          alt="pufok.gay"
+          src="https://dafoxer.pufok.gay/PublicResources/webring.png"
+          alt="dafoxer.pufok.gay"
         ></img>
       </a>
     </div>