diff --git a/index.html b/index.html
index f0ad93c..dc87bf4 100644
--- a/index.html
+++ b/index.html
@@ -1,98 +1,15 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>site title</title>
-<link rel="stylesheet" href="style.css" type="text/css">
-<link REL="SHORTCUT ICON" HREF="favicon.ico">
-</head>
-<body>
-<div class="base">
-<div class="texttitle">
-<a name="top"></a><h1>人间夜行的极乐空间</h1>
-<h2>这可能不是你想来的地方</h2>
-</div><div class="navi"></div>
-
-<div class="side"><!--右サイド-->
-
-<h4>menu</h4>
-<ul>
-<li><a href="">about</a></li>
-<li><a href="">blog</a></li>
-<li><a href="">mail</a></li>
-<li><a href="">link</a></li>
-</ul>
-
-<h4>info</h4>
-<div class="memo">
-フリースペース。<br>
-管理人からのお知らせや、更新履歴等。ご自由に利用してください。<br>
-テキストがはみ出た分は、自動的にスクロールバーが出ます。<br>
-ボックスの高さを変えたい場合は、スタイルシートにある.memoのheight:200px;の数字を調整してください。<br>
-不要でしたら、削除してください。
-</div>
-
-<h4>about link</h4>
-<img src="banner.gif" alt="リンクバナー" height="40" width="200">
-<h5>リンクはご自由にどうぞ。<br>
-サイト名○○○<br>
-管理人名◎◎◎<br>
-URL http://www......</h5>
-
-<h4>counter</h4>
-<h5>-1</h5>
-
-</div><!--右サイドここまで-->
-
-<div class="main">
-	<h3>欢迎？</h3>
-	<p>
-	<img border="0" src="images/kouji.gif" width="117" height="123" align="middle"><font color="#FF0000">本站如你所见，没有完全建设好。</font></p>
-	<hr>
-	<p><!--左サイド-->
-
-	本网站的主旨在于重现某种意味深长的氛围感，功能性的考虑被认为是次要的。</p>
-	<p>是故，我选用了现成的模板（详见页面底部），并使用FrontPage 2003来达到所希望的效果——不受完全控制的。</p>
-
-<h3>作品タイトル１</h3>
-<h5><a href="novel.html">01</a>-02-03-04-05 作品の解説・更新日時等</h5>
-<h3>作品タイトル２</h3>
-<h5><a href="novel.html">01</a>-02-03-04-05 作品の解説・更新日時等</h5>
-<h3>オリジナル小説</h3>
-<h5><a href="novel.html">吾輩は猫である</a><br>
-<a href="novel.html">続・吾輩は猫である</a></h5>
-
-<!--ここから下はタグ見本-->
-<h3>h3見出し</h3>
-<h4>h4見出し</h4>
-<h5>h5見出し</h5>
-<em>em強調</em><br>
-<strong>strongさらに強調</strong><br>
-<blockquote>blockquoteテキスト引用</blockquote>
-	hr水平線<hr>
-<ul>
-<li>ul番号無しリスト</li>
-<li>番号無しリスト</li>
-<li>番号無しリスト</li>
-</ul>
-<ol>
-<li>ol番号リスト</li>
-<li>番号リスト</li>
-<li>番号リスト</li>
-</ol>
-<big>big文字を大きく</big> <small>small文字を小さく</small>
-<!--見本ここまで-->
-
-<h6><a href="#top">▲top</a></h6>
-
-</div><!--左サイドここまで-->
-
-<div class="end"></div>
-<div class="navi"></div>
-<div class="texttitle">
-<address>© 2018 人間夜行 all rights reserved.<!--著作権表示-->
-	&nbsp;template by <a href="http://fc.ashrose.net/" target="_top">flower&amp;clover</a></address>
-</div>
-</div>
-</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html dir="ltr" lang="zh-cn"><head><meta content="text/html; charset=UTF-8" http-equiv="content-type"><title>Cyberkunst Eleutheria</title>
+  <meta content="人間夜行" name="author">
+<link rel="stylesheet" href="style.css" type="text/css"></head><body style="color: white; background-color: rgb(0, 0, 153);" alink="#ffff99" link="yellow" vlink="#cc33cc">
+<h1 style="text-align: center;">Cyberkunst Eleutheria</h1>
+<br>
+就是这样，一个更美好的世界！<br>
+<br>
+<hr style="width: 100%; height: 2px;">
+<div class="footer" style="text-align: center;">推荐使用 800 * 600 分辨率浏览本站.<br>
+© 2023 <a href="https://eleutheria.tech" rel="me" target="_blank">人間夜行</a>&nbsp;All rights reserved.<br>
+
+
+</div>
+</body></html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 814fe0b..b5882ad 100644
--- a/style.css
+++ b/style.css
@@ -1,173 +1,17 @@
-body {
-color:#555555;
-background-attachment:fixed;
-background-color:#ffffff;
-background-image:url(背景画像url.gif);
-margin:0px;
-padding:0px;
-font-size: 10pt;
-}
-
-a:link {color:#f22a5c;} 
-a:visited {color:#9c092e;}
-a:hover{
-color:#999999;
-text-decoration:underline;
-}
-a {text-decoration:none;}
-
-.base{
-margin-left:10%;
-margin-right:10%;
-}
-
-.side{
-background-color:#fff2f6;
-padding:3px;
-border-color:#f99ab2;
-border-style:dotted;
-border-width:7px;
-width:210px;
-float:left;
-}
-
-.main{
-background-color:#ffffff;
-font-size:100%;
-line-height:160%;
-margin-left:240px;
-padding:5px;
-}
-
-.end{clear:both;}
-
-.text{
-background-color:#fff2f6;
-font-size:100%;
-line-height:160%;
-padding:20px;
-border-color:#f99ab2;
-border-style:dotted;
-border-width:7px;
-}
-
-.texttitle{
-background-color:#f99ab2;
-text-align:center;
-margin:0px;
-padding:5px;
-}
-
-.navi{
-text-align:center;
-margin:10px;
-}
-
-h1{
-color:white;
-font-size:120%;
-margin:0px;
-padding:5px;
-}
-
-h2{
-color:white;
-font-size:80%;
-margin:0px;
-padding:5px;
-}
-
-h3{
-color:white;
-background-color:#f99ab2;
-font-size:100%;
-margin:15px 0px 5px 0px;
-padding:3px;
-border-left-color:#f22a5c;
-border-left-style:solid;
-border-left-width:4px;
-}
-
-h4{
-color:#9c092e;
-font-size:90%;
-margin:10px 0px;
-padding:5px;
-border-bottom-color:#f99ab2;
-border-bottom-style:dotted;
-border-bottom-width:3px;
+h1 {
+  text-align: center;
 }
-
-h5{
-font-size:90%;
-font-weight:normal;
-margin:0px 10px;
-}
-
-h6{
-font-weight:normal;
-text-align:right;
-margin:0px;
-}
-
-blockquote{
-background-color:#ffffff;
-font-size:80%;
-padding:5px;
-border-color:#f99ab2;
-border-style:dotted;
-border-width:3px;
-}
-
-em{
-color:#ffffff;
-background-color:#f99ab2;
-font-style:normal;
-}
-
-strong{
-color:#9c092e;
-}
-
-hr{
-border-color:#f99ab2;
-border-style:dotted;
-border-width:3px;
-}
-
-ul{
-margin-top:5px;
-margin-left:25px;
-margin-bottom:10px;
-padding:0px;
-list-style-type:circle;
-}
-
-ol{
-font-size:100%;
-margin-top:5px;
-margin-left:25px;
-padding:0px;
-}
-
-.memo{
-font-size:80%;
-line-height:150%;
-margin:auto;
-padding:5px;
-width:180px;
-height:200px;
-overflow:auto;
-}
-
-address{
-color:#ffffff;
-font-size:80%;
-font-style:normal;
-text-align:center;
-}
-
-cite{
-font-size:75%;
-font-style:normal;
+body {
+  margin-right: auto;
+  font-family: "Times New Roman",Times,serif;
+  max-width: 600px;
+  margin-left: auto;
+}
+.footer {
+  font-size: smaller;
+  color: #cccccc;
+  text-align: center;
+}
+p {
+  text-align: justify;
 }
