body{    background-image:url("../img/background.jpg"); background-size:100% 100%; background-attachment:fixed; background-repeat:no-repeat}a{ text-decoration:none}ul{ margin:0; padding:0}#box{ width:1000px; height:600px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}#left,#content{ background-color:rgba(255,255,255,0.1); box-shadow:0 25px 45px rgba(0,0,0,0.1); border:1px solid rgba(255,255,255,.5); border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); backdrop-filter:blur(50px); -moz-backdrop-filter:blur(60px)}#left{ width:198px; height:600px; display:inline-block; position:absolute; left:0px; border-top-left-radius:10px; border-bottom-left-radius:10px}#content{ width:797px; height:600px; display:inline-block; position:absolute; right:0px; border-top-right-radius:10px; border-bottom-right-radius:10px}#footer{ text-align:center; position:absolute; bottom:0px; left:0; right:0; color:rgb(187,187,187); text-decoration:none}#footer>a{ color:rgb(187,187,187)}#head{ display:block; width:100px; height:100px; border:5px solid rgba(128,128,128,0.3); border-radius:50%; margin:20px auto; overflow:hidden}#head>img{ width:100%}#name{ width:198px; height:30px; display:block; text-align:center; color:rgba(255,255,255,0.7)}#menu{ list-style:none; text-align:center; line-height:50px; font-size:20px; cursor:pointer; user-select:none; color:rgba(222,222,222,0.9)}#blog{ position:absolute; left:0; right:0; bottom:20px; text-align:center; text-decoration:none; color:rgba(238,238,238,0.8)}#home,#notes,#about{ position:absolute; width:797px; height:600px}.title{ color:rgba(238,238,238,0.8); text-align:center; user-select:none}#subtitle,.typed-cursor{ color:rgba(238,238,238,0.8)}#typed{ position:absolute; top:300px; left:0; right:0; text-align:center}.list>li{ height:25px}.list a{ color:rgba(238,238,238,0.8); line-height:20px}.list a:hover{ text-decoration:none; color:aliceblue; font-size:20px; line-height:20px}.list span{ color:darkgrey; font-size:12px}.list{ list-style:none; position:absolute; left:0; right:0; margin:auto; text-align:center}#next,#last{ position:absolute; width:260px}.list,#next,#last{ height:250px; top:150px}#next{ right:0; display:flex; align-items:center; user-select:none}#last{ left:0; display:flex; align-items:center; user-select:none; z-index:1}#next>img,#last>img{ width:60px; margin:auto}