/* Turning px to --RU requires division by 10, most convenient. */

:root{
  --WIN_HEIGHT: calc(3.27 * var(--RU))
  }

body{overflow:clip;background-image:url("assets/planets.png");}

.window{
  margin:0;padding:0;
  border-image-slice:
  33 6 6 6;
  border-image-width:
  calc(3.3 * var(--RU))
  calc(.6 * var(--RU))
  calc(.6  * var(--RU))
  calc(.6  * var(--RU));
  border-image-outset:
  0px 0px 0px 0px;
  border-image-repeat: stretch stretch;
  border-image-source: url("assets/borders.png");
  position:absolute;
  position:relative;
}

.buttons{
  position:absolute;
  right: calc(0.45 * var(--RU));
  top:  calc(0.2 * var(--RU));
  width:  calc(10.8 * var(--RU));
  height: calc(2.8 * var(--RU));
  user-select: none;
  }

.buttonx{
  position:absolute;
  right: calc(0.45 * var(--RU));
  top:  calc(0.2 * var(--RU));
  height: calc(2.8 * var(--RU));
  user-select: none;
  z-index:1;
  }
.buttonb{
  position:absolute;
  right: calc(4.1 * var(--RU));
  top:  calc(0.2 * var(--RU));
  height: calc(2.8 * var(--RU));
  user-select: none;
  z-index:1;
  }
.buttonm{
  position:absolute;
  right: calc(7.86 * var(--RU));
  top:  calc(0.2 * var(--RU));
  height: calc(2.8 * var(--RU));
  user-select: none;
  z-index:1;
  }
.window-inner-box{
  margin:
  calc(0 * var(--RU))
  calc(.5 * var(--RU))
  calc(.0 * var(--RU))
  calc(.5 * var(--RU));
  height: calc(100% - var(--WIN_HEIGHT) - .5 * var(--RU));
  box-sizing: border-box;
  position:relative;
  }


/* this element used to encapsulate the iframe*/
.window-inner{
  position:absolute;
  z-index:51;
  background-color:red;
  height:100%;width:100%;
  }

iframe{border:0;}

.window-top{height: var(--WIN_HEIGHT); width:100%;position:relative;}

.window-title > img{ position:absolute;
  top:  calc(0.45 * var(--RU));
  left: calc(0.45 * var(--RU));
  height: calc(2.2 * var(--RU)); width:auto;}
.window-title > p{ position:absolute;
  top:  calc(-1.1 * var(--RU));
  left: calc(3.3 * var(--RU));
  font-size: calc(1.8 * var(--RU));
  font-family: "Trebuchet MS", sans-serif;
  pointer-events: none
  }