FILEUP

F diff --git a/css/style.css b/css/style.css
--- a/css/style.css
+++ b/css/style.css
  }
  
  .window {
- 	background: #fafafa;
  	margin: 0rem;
  	padding: 0;
  	box-shadow: 0 0.8rem 1.3rem rgba(0,0,0,0.2);
      left: 0;
      width: 800px;
      height: 600px;
+     
+     transition: opacity 0.3s;
+     display: flex;
+     flex-direction: column;
+ }
+ 
+ .foldercontents, .filecontents {
+ 	background: rgba(250, 250, 250, .8);
+     flex: 1 0 0;
  }
  
  .window h3,
  	color: #4d4d4d;
  	background: #f0f0f0;
  	margin: 0;
- 	border-top-left-radius: 0.5rem;
- 	border-top-right-radius: 0.5rem;
  
-     cursor: grab;
  
      display: flex;
      align-items: stretch;
  
  .window > h2 {
      font-size: 1.3rem;
+ 	border-top-left-radius: 0.5rem;
+ 	border-top-right-radius: 0.5rem;
+     cursor: grab;
  }
  
  .window h3 {
      font-size: 1.2rem;
  }
  
+ .window.dragged {
+     opacity: 0.9;
+ }
+ 
  .files {
      padding: 0.3rem;
      display: grid;
      display: flex;
      flex-direction: column;
      align-items: center;
-     border: 1px solid #fafafa;
+     border: 1px solid rgba(0,0,0,0);
      border-radius: 0.1rem;
  }
  
  }
  
  .file:hover:not(.dragged) {
-     background: white;
+     background: rgba(255,255,255, 0.5);
      color: black;
      border-color: #ddd;
  }
      background: #2e91db;
      color: white;
  }
+ 
+ .backdrop {
+     position: absolute;
+     width: 100%;
+     height: 100%;
+ 
+     user-select: none;
+     -webkit-user-select: none;
+     -ms-user-select: none;
+     background-image: url("/img/backdrop.jpg");
+     background-size: cover;
+ }
F diff --git a/img/backdrop.jpg b/img/backdrop.jpg
new file mode 100644
B Binary files /dev/null and b/img/backdrop.jpg differ
F diff --git a/loggedin.js b/loggedin.js
--- a/loggedin.js
+++ b/loggedin.js
      xhr.send(data);
  }
  
- function new_folder() {
-     var dirname = prompt(`Directory name`, "New Folder");
+ function new_folder() { var dirname = prompt(`Directory name`, "New Folder");
      if (!dirname)
          return;
  
      h2.onmousedown = (e) => {
          begin_drag(e, wnd_html);
          e.preventDefault();
-    };
- 
+     };
  
      path = document.createElement('div');
      path.classList.add('path');
  
      {
          wnd.foldercontents = document.createElement('div');
+         wnd.foldercontents.classList.add('foldercontents');
          wnd_html.appendChild(wnd.foldercontents);
  
          var h3 = document.createElement('h3');
F diff --git a/loggedin.php b/loggedin.php
--- a/loggedin.php
+++ b/loggedin.php
+ 
+ <div class="backdrop">
+ 
  <form id="upload_form" style="display:none;" action="php/upload.php" method="post" enctype="multipart/form-data">
      <input id="filename" name="filename">
      <input type="file" name="the_file" id="the_file">