body {
                font-family: 'Consolas';
                margin: 0;
                background-color: #0A0909;  
                color: #7E6C60;
                background-image: url(https://killanova.neocities.org/assets/deep-fold_spaceBG11.png);
                background-position: fixed;
                
            }

            * {
                box-sizing: border-box;
            }
			


            @font-face {
                font-family: Nerverwinter;
                src: url("https://killanova.neocities.org/fonts/Neverwinter.otf");
                
            }

             @font-face {
                font-family: Planewalker;
                src: url('https://killanova.neocities.org/fonts/Planewalker.otf');
                
            }
			
			@font-face {
                font-family: Planewalker;
                src: url('https://killanova.neocities.org/fonts/Planewalker%20Bold.otf');
                 font-weight: bold;
            }
			

                

            #container {
                max-width: 700px;
                margin: 0 auto;
               
            }

            /* all links */
            #container a {
               
                
            }


            
            

            h1 {
                font-size: 80px;
                font-family: Nerverwinter;
			        	color: #5B4333;
			        	margin: 1px;
            }
            
            h2 {
                font-family: Planewalker;
                font-weight: bold;
                font-size: 40px;
                margin-bottom: -10px;
            }
            
            h3 {
              font-size: 20px;
              font-weight: bold;
              font-family: Consolas;
            }

            
			
			a {
				text-decoration: none;
				color: #7E6C60;
			}
			
			hr {
				width: 70%;
				color: #211C19;
			}
			


            .box {
                
                
            }
            
             .center {
                  margin: auto;
                  display: block;
                  text-align:center;
                  width: 60%;
                }
                
                
                #title {
                  display: block;
                  text-align: center;
                  
                }
                
            
            #textbox {
                background-color: rgba(33,28,25,.90);
                border: 2px solid #463B33;
                padding: 0px 30px 0px 30px;
                width:650px;
				height:700px;
                text-align: center;
                position: relative;
                top:100px;
				
				overflow: auto;
                }
                
                /* Use a media query to add a breakpoint at 800px: */
            @media screen and (max-width: 800px) {
              #textbox {
                width: 98%; /* The width is 100%, when the viewport is 800px or smaller */
                overflow: auto;
              }
            }
                
			#button {
				padding-top:30px;
			}
            
            
			
			#button_container {
				display: flex;
				justify-content: space-between;
			}


			#button_container {
				
			}

			#button_container div {
				width: 200px;
				height: 150px;
				
			}

			#button_container div:first-child {
				border-left: 0;
			}

			#button_container div:last-child {
				border-right: 0;
			}
			
			#button_container img {
				height:100px;
			}
			
			#embed {
				margin-top:100px;
			}
			
			 .pagedoll :hover {
             transform: translateY(2px);
            }
			
			.logs {
				overflow: auto;
				width: 100%;
				font-size: smaller;
				letter-spacing: -1px;
			}

			.logs table {
				border: 1px solid #695649;
				height: 100%;
				width: 100%;
				table-layout: fixed;
				border-collapse: collapse;
				border-spacing: 1px;
				text-align: center;
			}

			.logs caption {
				caption-side: top;
				text-align: left;
			}

			.logs th {
				border: 1px solid #695649;
				background-color: #181716;
				color: #695649;
				padding: 5px;
			}

			.logs td {
				border: 1px solid #695649;
				background-color: #1F1A18;
				color: #7E6C60;
				padding: 5px;
			}
			
			.logs a:hover{
				text-decoration: underline;
			}
			
			#story {
				border: 1px solid #695649;
				background-color: rgba(10,9,9,.80);
				padding: 10px;
				text-align: left;
			}
			
			#story blockquote {
				border-left: 1px solid #695649;
				padding-left: 10px;
			}