@font-face { 
    font-family: 'Enlatique';
    src: url("fonts/enlatique_rounded.ttf") format("truetype"); /* Chromium, Firefox, Opera, Safari, Android, iOS 4.2+ */
    src: url("fonts/Enlatique-Rounded-Regular.eot"), /* IE9 */
    url("fonts/Enlatique-Rounded-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-8 */
    url("fonts/Enlatique-Rounded-Regular.woff2") format("woff2"), /* Chromium & Firefox */
    url("fonts/Enlatique-Rounded-Regular.woff") format("woff"), /* Chromium & Firefox */
    url("fonts/Enlatique-Rounded-Regular.svg#Enlatique Rounded Regular") format("svg"), /* iOS 4.1- */
    url("fonts/Enlatique-Rounded-Regular.otf") format("opentype"); /* RetroZilla */
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: 'BigBlue';
    src: url('fonts/BigBlueTermPlusNerdFontMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: 'RiftShop';
    src: url('fonts/TheRiftShop.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: 'MSSansSerif';
    src: url('fonts/micross.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
  /* Color */
  --text-color: #FFFDE7 !important;
  --surface: #37474F !important;
  --button-highlight: #90A4AE !important;
  --button-face: #dfdfdf !important;
  --button-shadow: black !important;
  --window-frame: #0a0a0a;
  --dialog-blue: #6F1E1E !important;
  --dialog-blue-light: #FFA000 !important;
  --dialog-gray: #808080;
  --dialog-gray-light: #b5b5b5;
  --link-blue: #808bfc !important;
  
body {
    background-image: url("bg/34.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
    background-color: black;
}
  
audio {
    height: 3vh;
}

audio::-webkit-media-controls-enclosure {
    border-radius: 0px;
    background-color: #37474F;
}

audio::-webkit-media-controls-panel {
    filter: invert(100%);
}

.title-bar-text, h1, h2, h3, h4, h5 {
	font-family: 'Enlatique';
	font-weight: normal !important;
}

.title-bar-text {
	font-size: 32px;
}

p, .window-body, .tree-view {
	font-family: 'RiftShop';
	font-size: 20px;
}

.title-bar-controls {
	font-family: 'MSSansSerif';
}

.header {
    width: 450px;
    height: 48px;
    background-image: url("graphics/header.png");
    background-repeat: no-repeat;
    image-rendering: pixelated;
    margin: auto;
    padding: 2px 0;
    text-align: center;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}