assets/css/style.css
@charset "utf-8";img,legend{border:0}pre,textarea{overflow:auto}*,legend,td,th{padding:0}*,body{margin:0}body,html{width:100%;height:100%}a,body{color:#414141}body,h1,h2,h3,h4,h5,h6{text-rendering:geometricPrecision}#header,.site-wrapper,a{transition:all .24s ease}a,a:hover{text-decoration:none}@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?7jyvbf);src:url(../fonts/icomoon.eot?7jyvbf#iefix) format('embedded-opentype'),url(../fonts/icomoon.ttf?7jyvbf) format('truetype'),url(../fonts/icomoon.woff?7jyvbf) format('woff'),url(../fonts/icomoon.svg?7jyvbf#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-close:before{content:"\e5cd"}.icon-search:before{content:"\e8b6"}.icon-chevron-down:before{content:"\e900"}.icon-chevron-left:before{content:"\e901"}.icon-chevron-right:before{content:"\e902"}.icon-chevron-thin-down:before{content:"\e903"}.icon-chevron-thin-left:before{content:"\e904"}.icon-chevron-thin-right:before{content:"\e905"}.icon-chevron-thin-up:before{content:"\e906"}.icon-chevron-up:before{content:"\e907"}.icon-mail:before{content:"\e90d"}.icon-menu:before{content:"\e908"}.icon-rss:before{content:"\e90a"}.icon-user:before{content:"\e90b"}.icon-vcard:before{content:"\e909"}.icon-sina-weibo:before{content:"\e90e"}.icon-facebook:before{content:"\e90f"}.icon-github:before{content:"\e910"}.icon-google:before{content:"\e911"}.icon-instagram:before{content:"\e912"}.icon-pinterest:before{content:"\e913"}.icon-tumblr:before{content:"\e914"}.icon-twitter:before{content:"\e915"}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{tab-size:2;-moz-tab-size:2;-o-tab-size:2;-webkit-tab-size:2}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6,.dark-btn,body{font-family:futura-pt,Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",Microsoft JhengHei,WenQuanYi Micro Hei,"Microsoft YaHei",sans-serif}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}*{box-sizing:inherit;outline:inherit}html{font-size:62.5%;box-sizing:border-box;outline:0;-webkit-tap-highlight-color:transparent}body{font-size:1.8rem;line-height:1.5em;background-color:#EBECEE}.dark-btn .icon,.dark-btn .text{line-height:44px;vertical-align:middle}body.modal-active{overflow:hidden}@media (max-width:680px){body.modal-active{position:fixed;top:0;right:0;bottom:0;left:0}}body.menu-open .site-menu{transform:translate3d(0,0,0);visibility:visible}::-moz-selection{background:rgba(255,183,77,.7);color:#414141}::selection{background:rgba(255,183,77,.7);color:#414141}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;margin:0 0 .4em}h1{font-size:1.8em}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.2em}h5,h6{font-size:1em}::-webkit-input-placeholder{color:#b5b5b5;font-weight:300}:-moz-placeholder{color:#b5b5b5;font-weight:300}::-moz-placeholder{color:#b5b5b5;font-weight:300}:-ms-input-placeholder{color:#b5b5b5;font-weight:300}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.hidden{text-indent:-9999px;visibility:hidden;display:none}.inner{position:relative;width:80%;max-width:710px;margin:0 auto}.vertical{display:table-cell;vertical-align:middle}.right{float:right}.left{float:left}.site-wrapper{position:relative;min-height:100%;background:#EBECEE;overflow-x:hidden;z-index:2}.dark-btn{display:inline-block;background:rgba(0,0,0,.3);border:1px solid #000;padding:0 15px;font-size:13px;text-align:center;color:#c2c2c2}.dark-btn:hover{color:#f5f5f5;background-color:#009688}.dark-btn .icon{margin-right:5px;font-size:16px}#loading-bar-wrapper{position:absolute;width:100%;top:0;left:0;overflow:visible;z-index:999}#loading-bar{position:relative;width:0;height:2px;background-color:#ff9c0a;transition:all .5s ease}.sk-folding-cube{margin:20px auto;width:20px;height:20px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffad33;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}#header,#header .header-wrapper{position:relative;width:100%;z-index:3}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}#header{color:#414141;padding-bottom:40px;border-top:2px solid #000}#header .logo,#header .logo .desc,#header .logo img{transition:all .24s;display:block}@media (max-width:820px){#header{padding-bottom:20px}}#header .header-wrapper{height:70px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.1);border-bottom:1px solid #e1e2e3;padding:0 20px}#header .logo{position:absolute;top:0;left:50%;margin-left:-80px;width:160px;height:82px;background:#000;padding:10px 0 12px}@media (max-width:820px){#header .logo{width:140px;height:70px;margin-left:-70px;padding:10px 0}}#header .logo img{width:70px;height:auto;margin:0 auto}#header .logo .desc{text-align:center;color:#fff;font-size:13px}#header .site-nav-switch,#main,.site-menu{transition:all .24s ease}@media (max-width:820px){#header .logo img{width:50px}#header .logo .desc{font-size:12px}}#header .site-nav-switch{position:relative;border:0;float:right;outline:0;background:0 0;font-size:30px;margin-top:20px}#header .site-nav-switch.active{transform:rotate(90deg)}.site-menu{position:absolute;top:69px;right:0;width:220px;padding:20px 0;background:#fff;border:1px solid #e6e7e6;border-right:0;box-shadow:0 0 1px rgba(0,0,0,.1);transform:translate3d(280px,0,0);visibility:hidden;z-index:2}.site-menu .menu .nav{position:relative;display:block;color:#414141;font-size:.8125em;padding:2px 20px;border-left:3px solid transparent}.site-menu .menu .nav:hover{background:rgba(233,234,234,.6);border-color:#ff9800}#main{position:relative;width:100%;max-width:820px;margin:0 auto;padding:0 30px 20px;opacity:0;transform:translate3d(0,-20px,0)}#main.loaded{transform:translate3d(0,0,0);opacity:1}#main .post-list{position:relative;width:760px;margin:0 auto}@media (max-width:820px){#main{padding:0 20px 20px}#main .post-list{width:100%}}#main .page-header{text-align:center;margin:0 auto 20px}#main .page-header h1{font-size:.875em;font-weight:400;color:#b5b5b5}#main .post-nav{position:relative;width:100%;padding:20px 0}#main .post-nav .nav{font-size:.8125em;font-weight:400;color:#a7a7a7;border-radius:2px}#main .post-nav .nav:hover{color:#fff;background:#414141}#main .comments,#main .post{background:#fff;position:relative;box-shadow:0 0 3px rgba(0,0,0,.15)}#main .post-nav .nav.next{padding:0 7px 2px 10px}#main .post-nav .nav.prev{padding:0 10px 2px 7px}#main .post-nav .nav span{line-height:20px;vertical-align:middle}#main .post-nav .nav span.icon{position:relative;top:1px}#main .comments{padding:30px}@media (max-width:820px){#main .comments{padding:20px}}#main .comments.page{margin-top:20px}#main .post{margin-bottom:50px;padding:40px 0}#main .post.single,#main .post:last-child{margin-bottom:0}#main .post.author-profile{position:relative;padding:30px 20px;height:auto;text-align:center;margin-bottom:30px;transition:all .24s ease}@media (max-width:820px){#main .post.author-profile{padding:20px}}#main .post.author-profile .author-bio,#main .post.author-profile .author-title{position:relative;font-size:1em;z-index:1}#main .post.author-profile .author-bio a,#main .post.author-profile .author-bio span,#main .post.author-profile .author-title a,#main .post.author-profile .author-title span{display:inline-block;background:rgba(0,0,0,.5);color:#fff;padding:5px 15px 7px;border-radius:5px;font-weight:500;letter-spacing:1px}#main .post.author-profile .author-bio a:hover,#main .post.author-profile .author-title a:hover{color:#ff9800;background:rgba(0,0,0,.75)}#main .post.author-profile .author-title a{font-size:1.25em}@media (max-width:820px){#main .post.author-profile .author-title a{font-size:1.25em;padding:7px 20px}}#main .post.author-profile .author-avatar{position:relative;margin:0 auto 20px;width:80px;height:80px;border-radius:50%;overflow:hidden;z-index:1}#main .post.author-profile .author-avatar img{display:block;width:100%;height:100%}#main .post.author-profile .author-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#414141;z-index:0}#main .post.author-profile .author-cover .img{display:block;width:100%;height:100%;background-size:cover}#main .post .title{display:block;text-align:center;font-size:1.25em;padding:0 20px}@media (max-width:820px){#main .post .title{font-size:1em}}#main .post .title a{display:inline;line-height:1.25;font-weight:400;color:#464646}#main .post .image a,#main .post time,.content-loading{display:block}#main .post .title a:hover{color:#55b559}#main .post time{text-align:center;color:#b5b5b5;font-size:.75em;margin-bottom:30px}#main .post .tags a,.content{font-size:14px;line-height:1.75em}#main .post .image{position:relative;width:100%;margin:20px 0}#main .post .image img{position:relative;display:block;width:104%;margin:0 -2%;box-shadow:0 0 3px rgba(0,0,0,.15)}#main .post .tags{margin-top:30px;padding:0 30px}@media (max-width:820px){#main .post .tags{padding:0 20px}}#main .post .tags a{position:relative;padding:4px 10px 4px 20px;margin-right:5px;background:#EBECEE;border-radius:2px;vertical-align:middle;color:#414141}#main .post .tags a:hover{background:#414141;color:#fff}#main .post .tags a::before{position:absolute;top:0;left:7px;content:"#"}.content,.content-loading.excerpt-ready{display:none}.content{color:#464646;padding:0 30px;transition:all ease .24s}.content img,.content pre,.content.excerpt-ready,.content.single-content,.hljs{display:block}@media (max-width:820px){.content{padding:0 20px}}.content #pixiv-artist-count,.content #pixiv-vol{color:#009688;font-weight:500}.content img{position:relative;width:114%;margin:0 -7%;box-shadow:0 0 3px rgba(0,0,0,.15);padding:5px;background:#fff;transition:all .24s ease}@media (max-width:820px){.content img{width:100%;margin:0;box-shadow:none}}.content div.small-img img,.content p.small-img img{width:auto;max-width:100%;margin:0;box-shadow:none}.content p{margin:20px 0}.content ol,.content ul{list-style:circle;margin:20px 0;padding-left:30px}.content a{color:#f59200}.content a:hover{color:#f08f00;background:rgba(255,152,0,.1)}.content a:active{background:rgba(255,152,0,.2);color:#fff}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{position:relative;font-weight:700;margin:40px auto 30px;left:20px}.content code,.content pre{font-family:inconsolata,Consolas,monospace,sans-serif}.content h1::before,.content h2::before,.content h3::before,.content h4::before,.content h5::before,.content h6::before{position:absolute;left:-20px;top:0;content:"#";color:#4caf50;font-weight:400}.content blockquote{position:relative;width:100%;margin:20px 0;padding:0 20px;border-left:4px solid #4caf50}#u-search,#u-search .modal{position:fixed;width:100%;top:0}.content pre{-moz-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:13px;margin:20px 0;padding:10px 15px;background:#f9f9fa;white-space:pre;overflow:auto}.content pre code{color:#414141;margin:0;font-size:1em;background:0 0;border:0;white-space:inherit}.content pre figure{margin:0}.content code{color:#008c7f;padding:3px 5px;margin:0 2px;border-radius:2px;white-space:nowrap;font-size:1em;background:#f9f9fa}@media (max-width:820px){.content h1,.content h2,.content h3{margin:30px 0}.content h4,.content h5,.content h6{margin:20px 0}.content h1{font-size:1.5em}.content h2{font-size:1.4em}.content h3{font-size:1.3em}.content h4{font-size:1.2em}.content h5{font-size:1.1em}.content h6{font-size:1em}.content figure{font-size:13px;line-height:1.6em}}.hljs-comment,.hljs-quote{color:#8e908c}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#c82829}.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5871f}.hljs-attribute{color:#eab700}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#718c00}.hljs-section,.hljs-title{color:#4271ae}.hljs-keyword,.hljs-selector-tag{color:#8959a8}.hljs{overflow-x:auto;background:#fff;color:#4d4d4c;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}#u-search{display:none;left:0;height:100%;padding:60px 20px;z-index:999999}#u-search .modal{height:80%;max-width:640px;left:50%;margin:64px 0 0 -320px;background:#fff;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);z-index:3}@media (max-width:680px){#u-search{padding:0}#u-search .modal{box-shadow:none;max-width:none;top:0;left:0;margin:0;height:100%}}#u-search .modal .modal-ajax-content{opacity:0;visibility:hidden;transition:all .36s}#u-search .modal .modal-ajax-content.loaded{opacity:1;visibility:visible}#u-search .modal .modal-header{position:relative;width:100%;height:50px;background-color:#33475A;z-index:3}#u-search .modal .modal-header .btn-close{display:block;position:absolute;width:50px;height:50px;top:0;right:0;color:#fff;cursor:pointer;text-align:center;line-height:50px;vertical-align:middle;font-size:18px;transition:all .24s;z-index:2}#u-search .modal .modal-header .btn-close:hover{transform:rotate(90deg)}#u-search .modal .modal-header .modal-loading{position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:0 0;z-index:1}#u-search .modal .modal-header .modal-loading .modal-loading-bar{display:block;position:relative;width:0;height:100%;background:#ffb74d;transition:width .24s}#u-search .modal .modal-header #u-search-modal-form{position:relative;width:100%;height:100%;z-index:2}#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input{width:100%;padding:0 50px 0 40px;font-size:15px;line-height:50px;vertical-align:middle;color:#fff;border:none;background:0 0;transition:background-color .24s;font-weight:thin;appearance:none;box-shadow:none}#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input:focus{background-color:#3c546a}#u-search .modal .modal-header #u-search-modal-btn-submit{position:absolute;top:0;left:0;padding-left:5px;padding-top:2px;background:0 0;border:none;width:40px;height:50px;vertical-align:middle;font-size:20px;color:#fff;z-index:2}#u-search .modal .modal-footer{position:absolute;bottom:0;left:0;width:100%;height:50px;padding:0 15px;background:#fff;border-top:1px solid #dadada}#u-search .modal .modal-footer .logo{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:0}#u-search .modal .modal-footer .logo a{display:inline-block}#u-search .modal .modal-footer .logo.google img{height:24px;margin-top:13px}#u-search .modal .modal-footer .logo.baidu img{height:22px;margin-top:14px}#u-search .modal .modal-footer .logo img{position:relative;display:inline-block;width:auto;height:18px;margin-top:16px}#u-search .modal .modal-footer .modal-error,#u-search .modal .modal-footer .modal-metadata{position:relative;float:left;vertical-align:middle;line-height:50px;font-size:13px;z-index:1}#u-search .modal .modal-footer .nav{position:relative;display:block;float:right;vertical-align:middle;font-size:13px;font-weight:500;line-height:50px;color:#828282;cursor:pointer;z-index:1}#u-search .modal .modal-body .modal-results .result:hover .digest,#u-search .modal .modal-body .modal-results .result:hover .icon,#u-search .modal .modal-footer .nav:hover{color:#414141}#u-search .modal .modal-footer .nav.btn-next{margin-left:10px}#u-search .modal .modal-footer .nav .icon{font-size:12px}#u-search .modal .modal-body{position:absolute;padding:64px 40px 80px;width:100%;height:100%;top:0;left:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}@media (max-width:680px){#u-search .modal .modal-body{padding:60px 20px 80px}}#u-search .modal .modal-body .modal-results{list-style:none}#u-search .modal .modal-body .modal-results li{border-bottom:1px solid #e6e8ea}#u-search .modal .modal-body .modal-results li:last-child{border-bottom:none}#u-search .modal .modal-body .modal-results .result{position:relative;display:block;padding:15px 30px 15px 0;text-decoration:none}#u-search .modal .modal-body .modal-results .result .title{display:inline-block;max-width:100%;color:#2196f3;font-size:15px;font-weight:700;background:#f1f8fe;padding:1px;border-bottom:1px solid #e6e8ea;margin-bottom:2px;line-height:110%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#u-search .modal .modal-body .modal-results .result .digest{display:block;font-size:13px;line-height:140%;color:#8e8e8e;transition:color .24s}#u-search .modal .modal-body .modal-results .result .digest em{font-weight:700}#u-search .modal .modal-body .modal-results .result .icon{position:absolute;top:50%;right:0;margin-top:-4px;font-size:11px;color:#828282}#u-search .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1}#footer,#footer a.social,.search{position:relative}#footer{padding:20px;width:100%;max-width:820px;margin:0 auto;font-size:14px;overflow:hidden;text-align:center;opacity:0;transform:translate3d(0,-20px,0);transition:all .4s ease;z-index:3}#footer.loaded{transform:translate3d(0,0,0);opacity:1}#footer .codename{color:#ff9800}#footer .social-wrapper{padding-top:20px}#footer a{color:#828282}#footer a:hover{background:rgba(255,152,0,.1);color:#f08f00}#footer a.social{display:inline-block;text-align:center;font-size:18px;margin:0 3px}#footer a.social:hover{background:0 0;color:#ff9800}#footer a.social.github:hover{color:#467cc2}#footer a.social.google:hover{color:#db4437}#footer a.social.twitter:hover{color:#55acee}#footer a.social.weibo:hover{color:#f8712a}.search{width:100%;max-width:100%;margin:0 auto 20px;z-index:2}.search #searchform{position:relative;display:block;width:100%}.search #searchform #u-search-btn-submit{display:block;position:absolute;top:0;right:0;width:36px;height:36px;font-size:18px;background:0 0;color:#fff;border:0;text-align:center}.search #searchform #u-search-btn-submit span{line-height:36px}.search #searchinput{width:100%;padding:0 10px;line-height:36px;height:36px;font-size:14px;font-family:futura-pt,Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",Microsoft JhengHei,WenQuanYi Micro Hei,"Microsoft YaHei",sans-serif;border:none;border-radius:0!important;background:#414141;color:#fff;box-sizing:border-box;appearance:none;box-shadow:none;transition:all .24s ease}.search #searchinput:focus{background:#000;border-color:#000}