body, html{
  margin:0;
  height:100%;
  font-family:Tahoma, sans-serif;
  background:url('res/xp_wallpaper.jpg') center/cover no-repeat;
}

.desktop{
  display:flex;
  flex-wrap: wrap;
  gap:30px;
  padding:30px;
  align-items:flex-start;
}

.folder, .file{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:150px;
  text-align:center;
  color:white;
  text-shadow:1px 1px 2px black;
}

.folder img, .file img{
  width:64px;
  height:64px;
  margin-bottom:5px;
}

.folder span, .file span{
  font-size:14px;
  word-wrap: break-word;
}

/* Показываем файлы внутри папки при наведении */
.folder{
  position:relative;
}

.files{
  display:none;
  position:absolute;
  top:70px;
  left:0;
  background:rgba(240,240,240,0.95);
  border:2px solid #0055e5;
  border-radius:4px;
  padding:10px;
  z-index:5;
}

.files .file{
  color:#000;
  text-shadow:none;
  margin-bottom:10px;
  width:200px;
}

.folder:hover .files{
  display:block;
}

/* hover эффект */
.folder:hover, .file:hover{
  cursor:pointer;
}