body { font-size: 16px; }
#header, #footer, #main { width: 1200px; margin: 0 auto; }
.postCon { font-size: 14px; }
#navigator { height: 70px; }
#home { position: relative; z-index: 100; }
a:hover { text-decoration: none; }
#header a { transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
#header a:hover { text-decoration: none; transform: scale(1.5, 1.5); }
#header { background: url(https://images.cnblogs.com/cnblogs_com/weiyf/1003658/t_t_novfont.png) no-repeat right center; }
#blogTitle, #footer { background: transparent; }
#mainContent { float: left; margin-right: 15px; }
#navList a { font-size: 18px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.day { padding: 15px 0; }
.postDesc { height: 45px; }
.large-header { position: fixed; top: 0; left: 0; width: 100%; background: #333; overflow: hidden; background-size: cover; background-position: center center; z-index: -1; }
.demo-1 .large-header { background-image: url('https://images.cnblogs.com/cnblogs_com/weiyf/1003460/o_demo-1-bg.jpg'); }
.demo-2 .large-header { background-image: url('../img/demo-2-bg.jpg'); background-position: center bottom; }
.demo-3 .large-header { background: #7f8c8d; }
.demo-4 .large-header { background: #f9f1e9; }
.main-title { position: absolute; margin: 0; padding: 0; color: #f9f1e9; text-align: center; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.demo-1 .main-title, .demo-3 .main-title { text-transform: uppercase; font-size: 4.2em; letter-spacing: 0.1em; }
.demo-2 .main-title { font-family: 'Clicker Script', cursive; font-weight: normal; font-size: 8em; padding-left: 10px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }
.demo-2 .main-title::before { content: ''; width: 20vw; height: 20vw; min-width: 3.5em; min-height: 3.5em; background: url(../img/deco.svg) no-repeat center center; background-size: cover; position: absolute; top: 50%; left: 50%; border-radius: 50%; z-index: -1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.demo-3 .main-title { padding: 10px 40px; border: 10px double #f9f1e9; text-transform: uppercase; font-family: Londrina Outline, sans-serif; }
.demo-4 .main-title { font-size: 6em; font-weight: 300; padding: 10px 30px; text-transform: uppercase; color: #222; }
.main-title .thin { font-weight: 200; }
#blogTitle h1 { font-size: 45px; }
@media only screen and (max-width:768px) {
  .demo-1 .main-title, .demo-3 .main-title, .demo-4 .main-title { font-size: 3em; }
  .demo-2 .main-title { font-size: 4em; }
}
#Header1_HeaderTitle { position: absolute; z-index: 50; -webkit-animation: move1 3s both; -moz-animation: move1 3s both; -o-animation: move1 3s both; animation: move1 3s both; }
@keyframes move1 {
  0% { top: 50px; left: 20px; opacity: 0; }
  100% { top: 100px; left: 100px; opacity: 1; }
}
-webkit-@keyframes move1 {
  0% { top: 50px; left: 20px; opacity: 0; }
  100% { top: 100px; left: 100px; opacity: 1; }
}
#FlashID { position: fixed; top: 0; left: 0; z-index: 2; }
.stage { width: 120px; height: auto; margin: 0 auto; position: absolute; right: 200px; -webkit-transform-origin: center top; -webkit-transform: rotate(-30deg); -webkit-animation: sway 2.2s infinite alternate ease-in-out; }
.watch { width: 100%; height: auto; }
.seconds { position: absolute; width: 8%; height: auto; bottom: 11.5%; left: 45.5%; -webkit-transform-origin: center 72.4%; -webkit-animation: second 60s infinite linear; }
@-webkit-keyframes second {
  to { -webkit-transform: rotate(355deg); }
}
@-webkit-keyframes sway {
  to { -webkit-transform: rotate(30deg); }
}
.github-fork { position: fixed; top: 0; right: 0; }