body {
  background-color:var(--primary);
  color:var(--text-primary);
  font-family: monospace;
  padding:0 1rem;
}

.rounded{border-radius:5px}
.rounded-bottom{border-radius: 0 0 5px 5px;}

.window{
  --border-color: var(--tertiary);
  position: relative;
  margin-top: 5vh;
  padding: calc(var(--md) * 1.5) var(--md) var(--md);
  border:2px solid var(--border-color);
}

.window::before {
  content: "";
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 1.5rem;
  background-image: repeating-linear-gradient(45deg,var(--border-color),var(--border-color) 2px,transparent 2px,transparent 15px);
  border-bottom:2px solid var(--border-color);
  pointer-events: none;
}