html{height:100%}body{font-optical-sizing:auto;background-color:#000;flex-direction:column;justify-content:space-between;height:100%;margin:0;font-family:Quicksand,sans-serif;font-style:normal;font-weight:400;display:flex;overflow:hidden}a{color:#000;border-bottom:1px dotted #000;padding:4px;text-decoration:none}a:hover{background-color:#0ff}*{box-sizing:border-box}nav{background-blend-mode:color-burn;z-index:100;justify-content:space-between;width:100%;padding:0 20px;display:flex;position:fixed}nav .identity{border:none;margin-top:10px;font-size:1.2rem;font-weight:500}nav ul{gap:20px;margin-right:20px;display:flex}nav ul li{list-style:none}nav ul li a{color:gray}.indexlayout{width:100%;max-width:1200px;height:100%;margin:auto;display:flex}@media (width<=800px){.indexlayout{flex-direction:column;margin:0;padding:0 20px}}.indexlayout .intro{flex-direction:column;flex:2;justify-content:center;display:flex}.indexlayout .intro h1{margin-bottom:0;font-size:4rem;line-height:3.4rem}.indexlayout .intro p{font-size:1.2rem}.indexlayout .pic{flex:4;width:100%;min-height:400px;margin:auto;position:relative}.indexlayout .pic img{mix-blend-mode:darken;z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer{z-index:12;gap:20px;width:100%;padding:20px;display:flex;position:fixed;bottom:0}h1{font-size:4rem;font-weight:300;line-height:3.4rem}p{line-height:2rem}article{width:100%;max-width:800px;height:100%;margin:10px auto;padding:100px 20px}@media (width<=600px){h1{font-size:2rem;font-weight:300;line-height:2rem}p{line-height:1.2rem}}#bling{z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes popin{0%{scale:.01}to{scale:1}}.pop{background-color:purple;width:200px;height:200px;animation:.2s cubic-bezier(.64,.57,.67,1.53) alternate popin;position:absolute}#cover{z-index:2;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#cover div{background-color:green;width:0;height:100%;position:absolute;top:0}.bloglist a{display:block}svg{margin:20px auto;display:block;overflow:visible}#Layer_1{width:600px;height:300px}#Ditto2,#Ditto3,#Ditto4,#Face2,#Face3,#Face4,#Shine2,#Shine3,#Shine4{visibility:hidden}.st0{stroke-width:12px;stroke-dashoffset:0;stroke-dasharray:2000}#gitto{fill:#b860e0;visibility:hidden}.animContainer{mix-blend-mode:luminosity;background-color:#f8f8f8;width:100%;height:100vh;position:fixed;top:0;overflow:hidden}