img{width:100%}ul,li{list-style:disc;margin:10px 0 10px 10px}.tags{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end}.tags .tag{font-size:12px;transition:background-color 0.4s;color:#fff;padding:8px 12px;line-height:1.2;border-radius:9em;border:1px solid #fff;margin:0 6px 6px 0}.tags .tag:hover{background-color:rgba(255,255,255,0.2)}#header{height:400px;background-position:center;background-size:cover;background-color:#888;color:#fff;overflow:hidden}#header .content{width:1100px;margin:50px auto 0;padding-top:100px}#header .post-title{font-size:40px;margin-bottom:20px;text-shadow:0 0 2px rgba(0,0,0,0.1)}#header .post-description{font-size:22px;margin-bottom:14px}#header .post-date{font-size:18px;margin-bottom:14px}.container{width:1100px;margin:0 auto;color:#333;display:flex}.container .main{flex:1 1 auto;margin-top:24px;width:calc(100% - 190px)}.container .main h1,.container .main h2,.container .main h3,.container .main h4,.container .main h5,.container .main h6{line-height:1;margin:24px 0 16px;color:#333}.container .main p{margin:20px 0}.container .main .date{color:#666;text-align:right;font-size:14px;font-weight:300;padding:0 10px}.container .nav-container{position:relative;width:160px;flex:0 0 auto;margin-top:24px;margin-left:30px;font-size:14px}.container .main-nav{width:inherit;position:relative;padding:14px;height:100%;transition:all 0.3s}.container .main-nav .title{margin-bottom:8px;font-size:18px;color:#333}.container .main-nav.active{position:fixed;top:0;box-shadow:-3px 0 3px rgba(0,0,0,0.06)}.container .main-nav a{display:block;font-weight:600;line-height:1;padding:6px;border-radius:2px;transition:all 0.3s;color:#333;margin-bottom:4px}.container .main-nav a:hover{background:repeating-linear-gradient(90deg, #f1f1f1 0%, #f3f3f3 30%, #fff 100%)}.container .main-nav a.active{background:repeating-linear-gradient(90deg, #e4f6fd 0%, #f0f8fb 30%, #fff 100%);color:#1d9cef}@media (max-width: 1200px){#header .content{width:950px}.container{width:950px}}@media (max-width: 1000px){#header .content{width:760px}#header .post-title{font-size:30px;margin-bottom:16px}.container{width:760px}}@media (max-width: 768px){#header{height:260px}#header .content{padding-top:34px;width:90vw}#header .content .post-title{font-size:20px;margin-bottom:10px}#header .content .post-description{font-size:16px;margin-bottom:6px}#header .content .post-date{font-size:14px}.container{width:90vw;font-size:14px}.container h1{margin-bottom:24px}.container h2,.container h3,.container h4,.container h5,.container h6{margin-bottom:14px}.container p{margin:14px 0}.container .nav-container{display:none}}