@font-face {
  font-family: 'Anime Ace 2.0 BB Italic';
  src: url('https://static.wfonts.com/data/2014/06/26/anime-ace-2-0-bb/Anime Ace 2.0 BB Italic.ttf');
  /* src: url(./assets/komika_text/KOMTXT__.ttf); */
  font-display: swap;
}


.bar{
    display: flex;
    justify-content: space-between;
    backdrop-filter: blur(10px);
    background-color: rgba(0,0,0,0.25);
    border-radius: 12px;
    user-select: none;
    font-family: 'Anime Ace 2.0 BB Italic';
}

.window{
    border: solid;
    border-width: 2px;
    width: 304px;
    /* border-radius: 8px; */
    border-color: black;
    /* background-color: white; */
    background-image: url(./assets/panelbg.png);
    background-size: cover;
    padding: 12px;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: 'Anime Ace 2.0 BB Italic';
    font-size: medium;
}

.windowheader{
    display: flex;
    /* background-color: rgb(58, 58, 62); */
    width: 98%;
    cursor: grab;
    user-select: none;
    justify-content: space-between;
    padding: 0px;
    position: absolute;
    top: 1%;
    left: 1%;
    background-color: white;
    border: solid;
    border-width: 1px;
}

.closebutton{
    cursor: pointer;
    margin: 4px;
    filter: revert;
    /* margin-right: 4px; */
    /* background-color: red; */
}

.headertext{
    margin: 4px;
    margin-left: 10px;
    filter: revert;
}


.selected{
    filter: drop-shadow(0 0 8px black);
}

textarea{
    width: 100%;
    /* height: 100px; */
    box-sizing: border-box;
    outline: none;
    border: 0px;
    font-family: 'Anime Ace 2.0 BB Italic';
}