.windows {
  background-color: #f4effa;
  border: 2px solid #000;
  padding: 2px;
  font-family: "MS Sans Serif", "Tahoma", sans-serif;
}

.title-bar {
  background: #9b72cf;
  padding: 3px 2px 3px 3px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.title-text {
  font-weight: bold;
  color: white;
  letter-spacing: 0;
  margin-right: 1rem;
}

.title-controls {
  display: flex;

  div {
    padding: 0;
    display: block;
    min-width: 1rem;
    min-height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #000;
    margin: 0px 1px;
    background-color: #f4effa;
  }

  div.minimize {
    background-image: url("https://raw.githubusercontent.com/jdan/98.css/main/icon/minimize.svg");
  }

  div.maximize {
    background-image: url("https://raw.githubusercontent.com/jdan/98.css/4a2282dd9170cabf730fb5803d1153d86b2e94e3/icon/maximize.svg");
  }

  div.close {
    background-image: url("https://raw.githubusercontent.com/jdan/98.css/main/icon/close.svg");
  }
}