@font-face {
        font-family: "bluescreenofdeath"; /*a name to be used later*/
        src: url("font/bluescreenofdeath.ttf"); /*URL to font*/
      }
      body {
        background-color: black; color: white; text-align: Center; font-family:"bluescreenofdeath", sans-serif; font-size:20px;
        overflow-y:hidden; overflow-x:hidden;
        user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; height:900px;
      }
      button {font-family:"bluescreenofdeath", sans-serif; background-color:white; color:black; border: 2px solid black; border-radius:0px; font-size:20px; font-weight: bold;}
      img {display: inline-block;}
      figure {text-align:center; width:115px; margin:auto;}
      .iconFig {border: 1px dotted rgba(0, 0, 0, 0);}
      .iconTitle {background-color:black; border: 2px solid rgba(0, 0, 0, 1);}
      
      table {margin:auto;}
      th {height:115px; width:128px;  border:0px solid white; }
      #box {
        margin:auto;
        border: 2px solid white;
        user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;
        cursor: default;
        background-color:black;
      }
      
      #desktop {
        width:100%; height:100%; display:inline-block;
        text-align:center;
        background:url('/img/background.png');
      }
      #window {
        width:100%;height:100%; display:none;
        text-align:start;
        overflow-y:hidden; overflow-x:hidden;
      }
      .bar {
        width:100%; height:25px; display:block; padding-top:5px;
        text-align:left;
        border-bottom: 2px solid white;
        overflow:hidden; white-space: nowrap; text-overflow: "";
      }
      .title {
        overflow-y:hidden; overflow-x:hidden;
      }
      #view {
        text-align:end;
      }
      .navButton {
        width:30px; height:30px; display:block; float:right; position:relative; top:-5px; font-size:18px;
      }
      #windowContent {
        width:100%;height:100%; display:block;
        overflow-y:scroll; overflow-x:hidden;
      }
      #windowItem {
        width:100%;height:100%; display:none;
        overflow-y:hidden; overflow-x:hidden;
      }
      #windowItemContent {
        width:100%;height:95%;
        overflow-y:scroll; overflow-x:hidden;
      }
      div.content img {
        border: 2px solid white;
      }

      #wall {
        margin:auto; width:90%; height:90%; display:none; background-color:black; border: 2px solid white;  overflow-y:hidden; overflow-x:hidden;
      }
      #wallItem {
        width:100%; height:90%; overflow-y:scroll; overflow-x:hidden;
      }
      #aboutDialog {
        margin:auto; width:70%; display:none; position:relative; top:-500px; padding: 10px;
        border: 2px solid white;
        background-color:black;
      }  
      #contactIcon {position:relative;}
      #preloadContent {width:1px; height:1px; opacity:0; overflow:hidden;}
      
      @media screen and (min-width: 666px) {
        #box {width:662px; height:662px;}
      }
      @media screen and (max-width: 665px) {
        #box {width:100%; height:662px;}
        #wall {width:100%; height:662px;}
        div.content img {width:100%;}
      }