@font-face {
        font-family: 'VCR OSD Mono';
        src: url('/fonts/VCR_OSD_MONO_1.001.ttf?#iefix') format('truetype');
	    }
	    
	     @font-face {
        font-family: 'Gaegu Bold';
        src: url('/fonts/Gaegu-Bold.ttf?#iefix') format('truetype');
	    }
	    
	    @font-face {
        font-family: 'Gaegu Light';
        src: url('/fonts/Gaegu-Light.ttf?#iefix') format('truetype');
	    }
	    
	    @font-face {
        font-family: 'Gaegu Regular';
        src: url('/fonts/Gaegu-Regular.ttf?#iefix') format('truetype');
	    }
	    
	    .notfound_container {
	      display:flex;
	      justify-content: center;
        align-items: center;
	    }
	    
	    .notfound_box {
	      display:flex;
        height:300px;
        width:600px;
        margin:50px 0 0 0;
        justify-content: center;
        background-image: url('/images/404.png');
        background-size:100%;
        background-repeat:no-repeat;
	    }
	    
	    .notfound_text {
	      margin:30px 40px 30px 150px;
	      font-size:20pt;
	    }
      
      body {
        margin:0;
        padding:0;
        height:100vh;
        background-image: url('/images/mountain_bg.png');
        background-repeat:repeat-x;
        background-size: contain;
        font-family:'Gaegu Regular', monospace;
        color:#000000;
        font-size:14pt;
        line-height:1.1;
      }
      
      .big-wrapper{
        display:flex;
        justify-content: center;
        width:100%;
        padding: 30px 0 0 0;
        z-index:1;
      }
      
      .wrapper {
        width:600px;
        height:450px;
      }
      
      .container {
        display:flex;
        height:100%;
        justify-content: center;
        background-image: url('/images/dialogbox_large.png');
        background-size:100%;
        background-repeat:no-repeat;
      }
      
      .nav {
        margin: 35px;
        flex-shrink: 0;
      }
      
      .nav ul  {
        margin: 0;
        padding: 0;
        /*display:flex;
        flex-direction: column;*/
      }
      
      .nav ul li  {
        list-style: none;
        margin: 0;
        padding: 5px 0;
        /*align-items: center;
        display:flex;*/
      }
      
      .nav ul li img{
        width:25px;
        margin-right:5px;
      }
      
       .nav ul li a {
        font-family:'Gaegu Bold';
        font-size:.9em;
        border-bottom:0;
        /*border-bottom: 2px dotted #000;*/
       }
       
       .nav ul li a:hover {
        border-bottom: 2px dotted #000;
       }
      
      .content {
        margin:20px 20px 20px 10px;
        padding: 0 30px 0 0;
        overflow:scroll;
      }
      
      .title-container {
        display: flex;
        align-items: center;
      }

      .title-container img {
        width:30px;
      }
      
      p{
        margin:8px 0 25px 0;
      }
      
      h1 {
        font-family:'Gaegu Regular';
        font-size:2em;
        margin:15px 10px;
      }
      
      h2 {
        font-size:1.3em;
      }
      
      h3 {
        font-size:1.2em;
        padding:0;
        margin:0;
      }
            
      a:link {
        color:#000000;
        text-decoration: none;
        border-bottom: 2px dotted #000;
      }
      
      a:hover {
        color:#000000;
        border-bottom: 0;
      }
      
      a:visited {
        color:#000000;
      }