*{box-sizing:border-box}body{font-family:'IBM Plex Serif', serif;padding:0px;margin:0px;background-color:#f5f5f5}body h1,body h2,body h3,body h4{font-family:'Open Sans', sans-serif}body>.body>header{font-family:'Open Sans', sans-serif;background-color:#f8409c;display:flex;justify-content:center;align-items:center;height:100px}body>.body>header>.title-inner{width:800px;max-width:calc(100% - 40px);display:flex;justify-content:space-between;align-items:flex-end;padding:25px 0px}body>.body>header>.title-inner a,body>.body>header>.title-inner a:visited{color:#fff;transition:color 0.2s ease-in-out}body>.body>header>.title-inner a:hover{color:#fff}body>.body>header>.title-inner a,body>.body>header>.title-inner a:visited{text-decoration:none}body>.body>header>.title-inner>.jsdw{font-size:3em;line-height:0.8em;transition:0.2s ease-in-out}body>.body>header>.title-inner>.jsdw:hover{transform:scale(1.12)}body>.body>header>.title-inner>nav{margin-top:25px 0px;display:flex}body>.body>header>.title-inner>nav a{margin-left:1em;transition:0.2s ease-in-out}body>.body>header>.title-inner>nav a:hover{transform:scale(1.12)}body>.body>section{display:flex;align-items:center;flex-direction:column}body>.body>section>.top{width:100%;background-color:#121645;color:white;position:relative;padding:1em 0px;display:flex;justify-content:center;background-color:#cacfff}body>.body>section>.top a,body>.body>section>.top a:visited{color:#b7bdff;transition:color 0.2s ease-in-out}body>.body>section>.top a:hover{color:#eaecff}body>.body>section>.top>.top-scene{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;border-bottom:9px solid #9191e2}body>.body>section>.top>.top-scene>.cloud.cloud1{position:absolute;left:calc(40% - 400px);animation:cloud9226856 80000s linear infinite;animation-delay:-26666.66667s;top:20px;width:130px}@keyframes cloud9226856{from{left:calc(calc(40% - 400px) - 100vw)}to{left:calc(200vw + calc(40% - 400px))}}body>.body>section>.top>.top-scene>.cloud.cloud1 .cloud-bubble{fill:#9191e2}body>.body>section>.top>.top-scene>.cloud.cloud2{position:absolute;left:calc(40% - 200px);animation:cloud9072598 100000s linear infinite;animation-delay:-33333.33333s;top:10px;width:100px}@keyframes cloud9072598{from{left:calc(calc(40% - 200px) - 100vw)}to{left:calc(200vw + calc(40% - 200px))}}body>.body>section>.top>.top-scene>.cloud.cloud2 .cloud-bubble{fill:#7c7cc4}body>.body>section>.top>.top-scene>.cloud.cloud3{position:absolute;left:-50vw;animation:cloud6932432 70000s linear infinite;animation-delay:-23333.33333s;top:20px;width:130px}@keyframes cloud6932432{from{left:calc(-50vw - 100vw)}to{left:calc(200vw + -50vw)}}body>.body>section>.top>.top-scene>.cloud.cloud3 .cloud-bubble{fill:#9191e2}body>.body>section>.top>.top-scene>.sun{content:'';height:80px;width:80px;border-radius:50%;position:absolute;left:calc( 60% + 300px);top:28px;background-color:#fff;animation:spin 120s linear infinite;box-shadow:0px 0px 40px 15px #fff}@keyframes spin{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}body>.body>section>.top>.top-scene>.sun>.ray1{position:absolute;background-color:#fff;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);opacity:0.2;left:50%;top:50%;transform:translate(-50%, -50%) rotate(40deg) translateX(-50%) translateX(calc(-80px / 2 - 5px));height:40px;width:60px}body>.body>section>.top>.top-scene>.sun>.ray2{position:absolute;background-color:#fff;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);opacity:0.2;left:50%;top:50%;transform:translate(-50%, -50%) rotate(91deg) translateX(-50%) translateX(calc(-80px / 2 - 5px));height:20px;width:70px}body>.body>section>.top>.top-scene>.sun>.ray3{position:absolute;background-color:#fff;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);opacity:0.2;left:50%;top:50%;transform:translate(-50%, -50%) rotate(121deg) translateX(-50%) translateX(calc(-80px / 2 - 5px));height:10px;width:90px}body>.body>section>.top>.top-scene>.sun>.ray4{position:absolute;background-color:#fff;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);opacity:0.2;left:50%;top:50%;transform:translate(-50%, -50%) rotate(160deg) translateX(-50%) translateX(calc(-80px / 2 - 5px));height:40px;width:60px}body>.body>section>.top>.top-scene>.sun>.ray5{position:absolute;background-color:#fff;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);opacity:0.2;left:50%;top:50%;transform:translate(-50%, -50%) rotate(203deg) translateX(-50%) translateX(calc(-80px / 2 - 5px));height:20px;width:70px}body>.body>section>.top>.top-scene>.sun>.ray6{position:absolute;background-color:#fff;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);opacity:0.2;left:50%;top:50%;transform:translate(-50%, -50%) rotate(228deg) translateX(-50%) translateX(calc(-80px / 2 - 5px));height:10px;width:90px}body>.body>section>.top>.top-scene>.sun>.ray7{position:absolute;background-color:#fff;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);opacity:0.2;left:50%;top:50%;transform:translate(-50%, -50%) rotate(269deg) translateX(-50%) translateX(calc(-80px / 2 - 5px));height:40px;width:60px}body>.body>section>.top>.top-scene>.sun>.ray8{position:absolute;background-color:#fff;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);opacity:0.2;left:50%;top:50%;transform:translate(-50%, -50%) rotate(316deg) translateX(-50%) translateX(calc(-80px / 2 - 5px));height:20px;width:70px}body>.body>section>.top>.top-scene>.sun>.ray9{position:absolute;background-color:#fff;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);opacity:0.2;left:50%;top:50%;transform:translate(-50%, -50%) rotate(349deg) translateX(-50%) translateX(calc(-80px / 2 - 5px));height:10px;width:90px}body>.body>section>.top>.top-inner{width:800px;font-size:1.1em;max-width:calc(100% - 40px);position:relative;width:800px;font-size:1.1em;max-width:calc(100% - 40px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-top:1em;margin-bottom:1em}body>.body>section>.top>.top-inner>*{background-color:#303158;padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:0px;margin-bottom:0px;margin-top:0px}body>.body>section>.top>.top-inner>*:last-child{padding-bottom:15px}body>.body>section>.top>.top-inner .title{font-size:2.5em;font-weight:normal;padding-bottom:10px}body>.body>section>.content-inner{width:800px;max-width:calc(100% - 40px)}body>.body>section>.content-inner>h1#projects,body>.body>section>.content-inner h1#posts{font-size:2.5em}body>.body>footer{height:100px}ul.toc{padding:0}ul.toc>li{list-style:none;margin-bottom:2em;margin-top:2em}ul.toc>li>.date{color:gray}ul.toc>li:not(:last-child){border-bottom:1px solid #e0e0e0}a,a:visited{color:#f8409c;transition:color 0.2s ease-in-out}a:hover{color:#fa71b6}.body.home .see-all{font-size:0.5em}.body.post .top-inner .date{font-size:0.5em;color:#e4e4e4;white-space:nowrap}.body.post .content-inner>.post pre{padding:0.8em 0.9em;margin-left:-12px;margin-right:-12px;overflow-y:auto}.body.post .content-inner>.post code{font-size:1.1em;background-color:#e4e4e4;padding:0.1em 0.2em}.body.post .content-inner>.post blockquote{padding:0.5em 1em;margin:2em 3em;background-color:#e4e4e4;border-radius:5px;box-shadow:0px 3px 3px 1px rgba(0,0,0,0.37)}.body.post .content-inner>.post blockquote p{margin:0}.body.post .content-inner>.post img{max-width:calc(100% - 40px);margin-left:auto;margin-right:auto;display:block}.icon{vertical-align:middle}katex{font-size:0.95em}katex .mfrac{line-height:2}katex .katex .base{white-space:normal}[needs-js]{display:none !important}