@font-face {
  font-family: '3x3Font';
  src: url('fonts/3x3_font_for_nerds.ttf');
}

.windowbox {
  background: white;
  overflow-x: hidden;  
  overflow-y: auto;
  
  border: solid transparent;
  border-color: #95928F;
  border-width: 0.4vw;
  
  border-image: url(pixelart/assets/windowborder.png) 10 stretch;
  
  font-family: Sans-Serif;
  
  height: calc(100vh - 3.6vw);
}

.windowbox p {
  padding: 0.4vw;
}

.windowbox h1 {
  padding: 0.4vw;
}

.window-topbar {
  text-align: left;
  padding-left: 0.4vw;
  padding-right: 0.4vw;
  
  background-color: #95928F;
  
  display: flex;
  justify-content: space-between;
  
  overflow-x: hidden;
  
  height: 2.8vw;
}

.window-topbar-image {
  float: right;
  width: 6vw;
  height: 2.8vw;
}

.window-topbar-title {
  font-family: '3x3Font';
  font-size: 1.76vw;
  padding-top: 0.64vw;
  padding-right: 0.4vw;
  margin-block: 0;
}

body {
  margin: 0px;
}