html,body{background:#111}html{height:100%}body{color:#fff;font-family:ui-sans-serif, system-ui, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;letter-spacing:1.2px;font-size:16px;line-height:1.8;margin:0;min-height:100%;overflow-wrap:break-word}.post-meta{text-align:right}h2,h3,h4,h5,h6{margin-top:3rem}hr{margin:2rem 0}p{margin:1rem 0}a{color:#fff;font-weight:600;text-decoration:underline;transition:all 0.1s ease}a:hover{color:#ff6f0f}li{margin:0.4rem 0}*:target{background:yellow}.w{max-width:720px;margin:0 auto;padding:0 1.5rem 4rem 1.5rem}hr{text-align:center;border:0}hr:before{content:"/////"}hr:after{content:attr(data-content) "/////"}table{border:thin solid #b9b9b9;border-radius:8px;padding:20px 0}th,td{border-collapse:collapse}code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, monospace;color:white;background:#222;border-radius:4px;padding:2px 4px;font-size:13px}div.highlighter-rouge code{display:block;overflow-x:auto;white-space:pre-wrap;padding:1.3rem;border-radius:0.375rem}blockquote{font-style:italic;border:thin solid #fff;padding:1.2rem}blockquote p{margin:0}img{max-width:85%;display:block;margin:0 auto;border-radius:8px}.background-link{text-decoration:none}.background-header{display:flex;justify-content:center;align-items:end;height:450px;background-image:url("../images/background.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out}.background-header strong{color:#ff6f0f}header h1{text-align:center;font-size:24px;color:#fff;margin-bottom:30px}.header{position:relative;width:100%;height:100vh;margin-bottom:40px}.header .header-title{width:100%;text-align:center;position:absolute;top:30%;left:50%;transform:translate(-50%, -100%);font-size:48px;color:#fff;text-align:center}.header .header-title strong{color:#ff6f0f}.header .header-title span{color:#000}.header .background{width:100%;height:100vh;background-image:url("../images/background.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out}.header .introduce{width:100%;position:absolute;top:65%;left:50%;text-align:center;font-size:32px;transform:translate(-50%, -50%);color:#fff;font-weight:700}.header .introduce strong{color:#ff6f0f}.header .contact{font-size:18px;padding:40px 0}.header .contact span:first-of-type{margin-right:36px}.profile-container{display:flex}.profile-container .profile1{width:50%;height:50vh;background-image:url("../images/profile1.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out;filter:brightness(80%)}.profile-container .profile2{width:50%;height:50vh;background-image:url("../images/profile2.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out;filter:brightness(90%)}.list{color:#ff6f0f}@media screen and (max-width: 600px){header h1{font-size:18px}.header{margin-bottom:40px}.header .header-title{font-size:20px}.header .contact{font-size:14px}.header .contact span:first-of-type{margin-right:18px}.introduce p{font-size:18px}.background-header{height:350px}code{font-size:12px}}