/* START RESETS */
html,
body{
  margin:unset;
  padding:unset;
}

h1,
h2,
h3,
h4,
h5,
h6,
p{
  font:inherit;
  margin:unset;
}

button{
  background:unset;
  color:unset;
  border:unset;
  padding:unset;
  margin:unset;
}

*{
  box-sizing:border-box;
}

/* END RESETS */

html{
  overflow:hidden;
}

body,
button{
  cursor:url('cur/Cursor79.png') 10 11, auto;
}

body{
  min-height:100vh;
  background-color:#008080;
  background-image:url(goldwave.png);
  width:round(100vw, 10px);
}

.window{
  --l:1px solid #DFDFDF;
  --d:1px solid #808080;
  --child-border:1px solid #C0C0C0;
  width:500px;
  max-width:90vw;
  max-width:round(90vw, 10px);
  /*min-height:300px;*/
  margin:unset;
  border-left:var(--l);
  border-top:var(--l);
  border-bottom:var(--d);
  border-right:var(--d);
  padding:1px 0 0 1px;
  background-color:#FFF;
  display:flex;
  flex-direction:column;
  box-shadow:1px 0 0 #000, 0 1px 0 #000;
  -webkit-font-smoothing:none;
  font-smooth:never;
  text-rendering:optimizeSpeed;
  position:absolute;
  top:30%;
}

.window .title-bar{
  height:20px;
  width:100%;
  border:var(--child-border);
  display:flex;
  background:linear-gradient(to right, #000080, #1084D0);
  color:white;
  font-family:"MSW98UI";
  font-weight:bold;
  font-size:11px;
  user-select:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  min-width:0;
}

.window .title-bar h1{
  margin-left:2px;
  margin-block:2px;
  filter:grayscale(1) contrast(2); /* aa deleter */
}

.window .title-bar .icon{
  width:16px;
  height:16px;
  margin-inline:2px;
  margin-block:1px;
  /*display:none;*/
}

.window .title-bar .icon.tisell{
  background-image:url(icon.png);
  background-size:100%;
  background-repeat:no-repeat;
}

.window .close{
  width:16px;
  height:14px;
  background-color:#C0C0C0;
  color:black;
  margin-block:auto;
  margin-left:auto;
  margin-right:1px;
  font-size:10px;
  font-family:"MSW98UI";
  font-weight:bold;
  border-left:1px solid #fff;
  border-top:1px solid #fff;
  border-bottom:1px solid #000;
  border-right:1px solid #000;
}

.window .close > div{
  width:14px;
  height:12px;
  border-left:1px solid #E0E0E0;
  border-top:1px solid #E0E0E0;
  border-bottom:1px solid #808080;
  border-right:1px solid #808080;
}

.window .close span{
  filter:grayscale(1) brightness(2) contrast(2); /* aa deleter */
  display:inline-block;
}

.window .content{
  border-left:1px solid #808080;
  border-top:1px solid #808080;
  outline:var(--child-border);
  flex-grow:1;
  margin:0 1px 1px 1px;
  font-family:"MSW98UI";
  font-size:11px;
  padding:10px;
  background-color:#C0C0C0;
  user-select:none;
}

.window .content p,
.window .content .no-aa{
  filter:grayscale(1) brightness(2) contrast(2);
}

.window .content button,
.window .content a.button{
  width:75px;
  height:23px;
  background-color:#BFBFBF;
  border-left:1px solid #FFF;
  border-top:1px solid #FFF;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  font-family:inherit;
  font-size:inherit;
}

.window .content button>div,
.window .content a.button>div{
  border-left:1px solid #DFDFDF;
  border-top:1px solid #DFDFDF;
  border-right:1px solid #7F7F7F;
  border-bottom:1px solid #7F7F7F;
  width:73px;
  height:21px;
  display:grid;
  place-items:center;
}

.window .content button[disabled],
.window .content a.button[disabled]{
  color:#7F7F7F;
  text-shadow:1px 1px 0 #fff;
}

.window .content button[disabled] .no-aa,
.window .content a.button[disabled] .no-aa{
  filter:none;
}

.window .content button:focus:hover{
  border-color:#000!important;
}

.window .content button:focus:hover > div{
  border-color:#7F7F7F!important;
}

a.button{
  display:inline-block;
}

/* FONTS */
@font-face{
  font-family: "MSW98UI";
  src:url("woff2/MSW98UI-Regular.woff2");
}
@font-face{
  font-family: "MSW98UI";
  font-weight:bold;
  src:url("woff2/MSW98UI-Bold.woff2");
}

hr{
  height:1px;
  margin-top:15px;
  margin-bottom:10px;
  border:none;
  background-color:#808080;
  box-shadow:0 1px #fff;
}