.bg,.title-section h1{-webkit-transition:all .5s ease-in-out}.about-me .mdl-button .iconfont,.skill>*,.works .mdl-button>*{vertical-align:middle}.bg,.works .mdl-card>.mdl-card__title{background-position:0 0;background-repeat:no-repeat no-repeat}h1,h2,h3,h4,h5,h6{margin:10px 0}.bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;background-image:url(https://img.alicdn.com/tfs/TB1z15QCeT2gK0jSZFvXXXnFXXa-1920-1133.jpg);background-size:100% 100%;-webkit-filter:brightness(.6);-ms-filter:brightness(.6);-moz-filter:brightness(.6);filter:brightness(.6);transition:all .5s ease-in-out}.bg.not-dark{-webkit-filter:none;-ms-filter:none;-moz-filter:none;filter:none}.mdl-layout__header{margin-left:0;background-color:transparent;box-shadow:none;position:absolute}.mdl-layout__header .mdl-layout__header-row{padding-right:20px;padding-left:20px}.mdl-layout__content{padding-top:64px;background-color:#EEE}.mdl-card__supporting-text{width:100%;box-sizing:border-box}.mdl-menu a{text-decoration:none;display:block}.home-section{max-width:1200px;width:calc(100% - 16px);margin:10px auto 40px}.title-section{min-height:600px;box-sizing:border-box;color:#FFF;max-width:1100px;margin-bottom:10px}.title-section h1{font-size:50px;letter-spacing:.5em;margin-top:140px;text-align:center;margin-bottom:10px;transition:all .5s ease-in-out}.hitokoto{width:100%;position:relative;top:-60px;opacity:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.hitokoto.in{top:0;opacity:1}.hitokoto>*{margin-top:10px;margin-bottom:10px}.hitokoto .hitokoto-before{font-size:25px;align-self:flex-start}.hitokoto .hitokoto-msg{font-size:25px;text-decoration:none;color:#FFF;letter-spacing:.25em;margin-top:-10px;margin-bottom:-10px;padding-left:50px;padding-right:50px;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;line-height:35px}.hitokoto .hitokoto-after{font-size:25px;align-self:flex-end}.hitokoto .hitokoto-from{font-size:20px;align-self:flex-end}.skill{margin-bottom:10px}.skill>*{display:inline-block}.skill .name{width:150px;text-align:right;margin-right:20px}.skill .mdl-progress{width:calc(100% - 200px)}.works .card-container{width:33%;display:inline-block;padding-left:40px;box-sizing:border-box}.works .card-container:nth-child(3n+1){padding-left:0}.works .mdl-card{width:100%}.works .mdl-card>.mdl-card__title{color:#fff;height:120px}.works .mdl-card>.mdl-card__menu{color:#fff}.works .mdl-card__actions{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.works .mdl-card__actions>*{-webkit-box-flex:1;flex-grow:1}.works .mdl-button .iconfont{margin-right:2px}.about-site .mdl-button{color:rgba(0,0,0,.54)}.about-me{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.about-me .mdl-button{-webkit-box-flex:1;flex-grow:1}.about-me .mdl-button .iconfont{margin-right:10px;font-size:22px}.about-logo{text-align:center}.about-logo img{width:160px}.mdl-mini-footer{padding:32px}.mdl-mini-footer p{margin:0}.mdl-mini-footer .mdl-mini-footer--left-section>*{display:inline-block}.mdl-mini-footer .mdl-mini-footer--left-section .wrapper{position:relative}.mdl-mini-footer .mdl-mini-footer--left-section .mdl-button--icon{display:inline-block;width:36px;height:36px;margin-right:10px;line-height:36px}.mdl-mini-footer .mdl-mini-footer--left-section .mdl-button--icon .iconfont{font-size:26px}#history-dialog{width:90%;max-width:600px}#hitokotos-dialog{width:90%;max-width:800px}#hitokotos-dialog .mdl-dialog__content a{margin-left:10px}@media screen and (max-width:1024px){.home-section{max-width:1200px;width:calc(100% - 16px);margin:10px auto 16px}.title-section{min-height:450px}.title-section h1{font-size:30px;letter-spacing:.3em;margin-top:120px}.hitokoto .hitokoto-after,.hitokoto .hitokoto-before,.hitokoto .hitokoto-msg{font-size:20px}.hitokoto .hitokoto-msg{letter-spacing:.18em;line-height:27px;padding-left:30px;padding-right:30px}.hitokoto .hitokoto-from{font-size:18px}.works .card-container{width:100%;padding-left:0;padding-bottom:16px}.works .card-container:last-child{padding-bottom:0}}