:root {
  --pink: #f2b8df;
  --lightpink: #ffe0f5;
  --teal: #c6f1f5;
  --black: #7e5887;
}

.window.kangel {
  width: 20vw;
}

.window {
  padding: 6px;
  float: left;
  position: relative;
  background: var(--teal);
  border: 3px solid var(--black);
  padding-bottom: 15px;
  box-shadow: 2px 2px 0px 2px rgba(202,161,255,0.7);
}

.window:after {
  position: absolute;
  bottom: 0;
  content: "";
  width: 24px;
color: var(--black);
  aspect-ratio: 3/1;
  background: var(--pink);
  border: 2px solid;
}

.window .file {
  position: relative;
  background: var(--lightpink);
  border: 2px solid var(--black);
  padding: 2px;
  color: var(--black);
  margin-bottom: 5px;
}

.window .file:before {
  display: inline-block;
  width: 15px;
  content: "";
  background: var(--black);
  aspect-ratio: 1/1;
  margin: 2px;
  margin-bottom: 0px;
}

.window .file:after {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 15px;
  height: 18px;
  font-size: 20px;
  content: "X";
  margin-right: 20px;
  border: 2px solid;
  
  
}

.angel {
  aspect-ratio: 500/439;
  padding: 0px;
  background-image: url(https://file.garden/ZXJkOcYwORXn2d9V/Untitled_Artwork.png);
  background-size:100%;
  border: 2px solid var(--black);
}

.angel img {
width: 100%;
margin-bottom: -5px;
  
}