@font-face {
  font-family: "Funnel Sans";
  src: url(./FunnelSans-VariableFont_wght.ttf);
}

body { margin: 0; background: url(./background.jpg); background-position-y: 10%; overflow: hidden; font-family: "Funnel Sans";}

.window {
    border-radius: 10px;
    position: absolute;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 0 10px #0004;
    user-select: none;
    padding: 0.25rem 0.5rem;
    overflow: hidden;
}

.window > .title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    border-bottom: black solid 1px;
    padding-bottom: .25rem;
    /* cursor: move; */
}
.window > .title-bar > .controls {
    justify-content: right;
}
.window > .title-bar > .controls button {
    height: 100%;
    background: transparent;
    border: none;
    color: black;
    font-size: 1rem;
    margin-left: 0.5rem;
    cursor: pointer;
}
.window > .title-bar > .controls button:hover {
    background-color: #00000020;
}
.window > .title-bar > .controls > .close:hover {
    background-color: #ad000020;
}
.window > .content {
    user-select: text;
}
.shortcut {
    left: 100px;
    top: 100px;
    position:absolute;
}
.shortcut img {
    max-width: 5rem;
    max-height: 5rem;
}
.shortcut button {
    background: transparent;
    border: none;
    cursor:pointer;
}