.hljs{display:block;overflow-x:auto;padding:0.5em;background:#282a36}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:#8be9fd}.hljs-function .hljs-keyword{color:#ff79c6}.hljs,.hljs-subst{color:#f8f8f2}.hljs-string,.hljs-title,.hljs-name,.hljs-type,.hljs-attribute,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#f1fa8c}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#6272a4}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-title,.hljs-section,.hljs-doctag,.hljs-type,.hljs-name,.hljs-strong{font-weight:bold}.hljs-emphasis{font-style:italic}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}h1,h2,h3,h4,h5,h6{font-weight:normal}body{line-height:1}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}legend{display:none}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body.index #main section .text__overview{line-height:1.4}#contact ul li a{overflow:hidden;display:inline-block;text-indent:110%;white-space:nowrap}.sns__item a,body.blog>header{display:flex;justify-content:center;align-items:center}.anim__jump{animation:anim__jump 4s .5s ease-in infinite forwards;transform-origin:50% 100%;display:inline-block}@keyframes anim__jump{0%{transform:scale(1, 1)}48%{transform:scale(1, 1)}50%{transform:scale(1.1, 0.9)}53%{transform:scale(0.9, 1.1) translate(0, -4px)}57.5%{transform:scale(1, 1) translate(0, -2px)}59%{transform:scale(1, 1) translate(0, 0px)}100%{transform:scale(1, 1)}}.anim__flip{animation:anim__flip 700ms steps(1, start) infinite}@keyframes anim__flip{50%{transform:scaleX(-1)}100%{transform:scaleX(1)}}[class^="anim__circle"]{stroke-dasharray:440;stroke-dashoffset:440}.anim__start.anim__circleP6{animation:circleTo6 1.5s 1s ease-in-out forwards}.anim__start.anim__circleP8{animation:circleTo8 1.5s 1s ease-in-out forwards}.anim__start.anim__circleP9{animation:circleTo9 1.5s 1s ease-in-out forwards}.anim__start.anim__circleP10{animation:circleTo10 1.5s 1s ease-in-out forwards}@keyframes circleTo0{to{stroke-dashoffset:440}}@keyframes circleTo1{to{stroke-dashoffset:400}}@keyframes circleTo6{to{stroke-dashoffset:160}}@keyframes circleTo7{to{stroke-dashoffset:120}}@keyframes circleTo8{to{stroke-dashoffset:80}}@keyframes circleTo9{to{stroke-dashoffset:40}}@keyframes circleTo10{to{stroke-dashoffset:5}}html{text-size-adjust:100%;font-size:62.5%}@media (min-width: 768px){html{font-size:75%}}body{color:#333;background-color:#F5F5F5;font-family:"\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", Helvetica, Arial, Verdana, "MS PGothic", sans-serif;font-size:1.4rem;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.container{max-width:1024px;margin-left:auto;margin-right:auto}.love__symbol{color:#ffa7b9}.inline__items>li{display:inline-block;margin-bottom:5px;margin-right:5px}.inline__items>li::after{content:","}.inline__items>li:last-child::after{content:" etc..."}.list-detail__group{margin-left:.5em}.list-detail__item{position:relative;padding-left:1em;list-style-type:none;line-height:1.3;margin-bottom:0.4em}.list-detail__item::before{content:"";border-width:0.4em;border-style:solid;border-color:transparent transparent transparent #ffb3c2;display:inline-block;position:absolute;left:0.2em;top:0.2em}.list__tags{display:flex;list-style:none;justify-content:flex-end}.list__tags li{margin-left:10px;background-color:#ddd;color:#666;border-radius:2px;padding:3px 5px;font-size:1rem}.list__tags li::before{content:'#'}.skill-graph{text-align:center}.skill-graph .skill-graph__group{display:inline-block}.skill-graph .skill-graph__group li{display:inline-block;margin:0 5px 15px}@media (min-width: 768px){.skill-graph .skill-graph__group li{margin:0 10px 20px}}.skill-graph .skill-graph__group li svg{zoom:0.8}@media (min-width: 768px){.skill-graph .skill-graph__group li svg{zoom:1.3}}.feed__list{list-style:none;margin:0 !important;padding:0 30px !important}@media (min-width: 400px){.feed__list{padding:0 !important}}@media (min-width: 400px){.feed__list{display:flex}}.feed__list li{position:relative;flex:1;margin:0 auto 20px !important;max-width:310px;background-color:#eee;box-shadow:0 0 7px rgba(0,0,0,0.3);transition:transform .3s ease-in-out, box-shadow .3s ease-in-out;min-height:275px}@media (min-width: 400px){.feed__list li{min-height:260px;margin:0 5px !important}}@media (min-width: 1024px){.feed__list li{min-height:285px;margin:0 10px !important}}.feed__list li a{display:block;padding-top:56.25%;text-decoration:none;color:#333 !important}.feed__list li a:hover{background-color:transparent !important}.feed__list li a time{display:block;padding:10px;text-decoration:none;text-align:right;font-size:1.2rem}.feed__list li a p{padding:20px 10px;font-size:1.2rem;font-weight:bold;line-height:1.2}@media (min-width: 768px){.feed__list li a p{padding:30px 10px}}.feed__list li span{position:absolute;left:0;top:0;width:100%;padding-top:56.25%;display:inline-block;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:#ccc;transition:filter .3s ease-in-out}.feed__list li:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);transform:scale(1.02)}.feed__list li:hover span{pointer-events:none}.date-calendar{display:flex;flex-direction:column;box-shadow:0 0 5px rgba(0,0,0,0.5);background-color:#888;order:-1;margin-right:1em;text-align:center;border-radius:4px;overflow:hidden;min-width:52px;font-size:1.2rem;color:#ffffff}@media (min-width: 768px){.date-calendar{min-width:62px;font-size:1.4rem}}.date-calendar__y{font-size:1.4rem;background-color:#666;display:block;padding:3px 0}@media (min-width: 768px){.date-calendar__y{font-size:1.6rem}}.date-calendar__m::after{content:'/'}.date-calendar__wrap{padding:3px 0}.sns__list{display:flex;list-style:none;margin:20px 0}.sns__item{margin-right:5px;font-size:1rem;flex:1;text-align:center;background-color:#999}.sns__item:last-of-type{margin-right:0}@media (min-width: 768px){.sns__item{margin-right:10px}}@media (min-width: 400px){.sns__item{font-size:1.2rem}}.sns__item--tw{background-color:#3AA1F2}.sns__item--tw:hover,.sns__item--tw:active,.sns__item--tw:focus{background-color:#52acf4}.sns__item--fb{background-color:#3B5998}.sns__item--fb:hover,.sns__item--fb:active,.sns__item--fb:focus{background-color:#4264aa}.sns__item--fb .sns__icon{background-image:url(../../img/sns/fb.svg)}.sns__item--hb{background-color:#3BAED9}.sns__item--hb:hover,.sns__item--hb:active,.sns__item--hb:focus{background-color:#50b7dd}.sns__item--hb .sns__icon{background-image:url(../../img/sns/hb.svg)}.sns__item--pk{background-color:#B43142}.sns__item--pk:hover,.sns__item--pk:active,.sns__item--pk:focus{background-color:#c83649}.sns__item--pk .sns__icon{background-image:url(../../img/sns/pk.svg)}.sns__item--line{background-color:#2DA203}.sns__item--line:hover,.sns__item--line:active,.sns__item--line:focus{background-color:#34bb03}.sns__item--line .sns__icon{background-image:url(../../img/sns/line.svg);margin-right:0}@media (min-width: 1024px){.sns__item--line .sns__icon{margin-right:3px}}.sns__item a{text-decoration:none;padding:4px 10px;color:#ffffff !important}@media (min-width: 768px){.sns__item a{padding:6px 10px}}.sns__icon{display:inline-block;width:16px;height:16px;margin-right:3px;background-repeat:no-repeat;background-position:50% 50%;background-image:url(../../img/sns/tw.svg);background-size:contain}.sns__name{display:none}@media (min-width: 1024px){.sns__name{display:inline-block;margin-right:3px}}#nav{color:#fff;background-color:#f03;position:fixed;z-index:9;top:0;right:0;left:0}#nav .container{height:50px;white-space:nowrap}@media (min-width: 768px){#nav .container{height:70px}}#nav .logo{display:inline-block;position:absolute;z-index:2}@media (min-width: 768px){#nav .logo{position:static}}#nav .logo a{display:inline-block;background:url(../img/iconW.png) 0 50% no-repeat;overflow:hidden;text-indent:120%;vertical-align:middle;margin-left:10px;width:30px;height:50px;background-size:30px auto}@media (min-width: 768px){#nav .logo a{margin-left:20px;width:50px;height:70px;background-size:50px auto}}#nav ul{display:inline-block;vertical-align:middle;margin-left:0 .7rem;background-color:#f03;transform-origin:0 50%;margin-left:20px;padding-left:20px}@media (min-width: 768px){#nav ul{margin-left:0;padding-left:0}}#nav ul li{float:left;white-space:nowrap;font-size:1.4rem}#nav ul li a{position:relative;display:block;padding:0 .7rem;color:#fff;text-decoration:none;text-transform:capitalize;height:50px;line-height:50px}@media (min-width: 768px){#nav ul li a{height:70px;line-height:70px}}#nav ul li a.active,#nav ul li a:after{content:"";display:block;position:absolute;bottom:0;left:50%;height:2px;background-color:#fff;transform:translateX(-50%);width:0%;transition:width 200ms ease-in-out}#nav ul li a.active:after,#nav ul li a:hover:after{width:100%}@keyframes moveNav{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}100%{transform:rotate(90deg)}}body.index #header{margin-top:50px;box-shadow:0 2px 2px #eee;border-bottom:1px solid #ddd}@media (min-width: 768px){body.index #header{margin-top:70px}}body.index #header .header__container{background:url(../img/kzms2.png);background-repeat:no-repeat;background-position:0 0;background-size:contain;height:68.5vw}@media (min-width: 768px){body.index #header .header__container{height:460px}}body.index #header .header__description{position:relative;top:50%;transform:translateY(-50%);padding-right:1em}body.index #header h1{margin-bottom:.5em;font-size:3rem;margin-left:47.2vw}@media (min-width: 768px){body.index #header h1{font-size:5rem;margin-left:350px}}body.index #header p{color:#999;line-height:1.5;margin-left:47.2vw}@media (min-width: 768px){body.index #header p{margin-left:350px}}#main{background-color:#fff}#contact ul{text-align:center;margin-bottom:-10px}#contact ul li{display:inline-block;background-repeat:no-repeat;background-position:50% 50%;margin-bottom:10px}#contact ul li.sns__item--twitter a{background-image:url(../img/twitter.svg)}#contact ul li.sns__item--facebook a{background-image:url(../img/facebook.svg)}#contact ul li.sns__item--instagram a{background-image:url(../img/instagram.svg)}#contact ul li.sns__item--tumblr a{background-image:url(../img/tumblr.svg)}#contact ul li a{overflow:hidden;border-radius:10px;transition:transform 0.2s ease-in-out;width:50px;height:50px;margin:0 10px}@media (min-width: 768px){#contact ul li a{width:80px;height:80px;margin:0 20px}}#contact ul li a:hover,#contact ul li a:focus{transform:scale(1.1)}#footer{box-shadow:inset 0 2px 2px #eee;padding:30px 10px}@media (min-width: 768px){#footer{padding:40px 20px}}#footer small{display:block;margin-bottom:10px;vertical-align:middle}@media (min-width: 768px){#footer small{display:inline-block}}#footer ul{display:flex;list-style:none;vertical-align:middle}@media (min-width: 768px){#footer ul{float:right}}#footer ul li{margin-left:10px;vertical-align:middle}#footer .Footer__twitter{line-height:0}#scrollbar{position:fixed;z-index:9;margin-top:-4px;top:50px;right:0;bottom:0;width:32px}@media (min-width: 768px){#scrollbar{top:70px}}#scrollbar span{display:inline-block;width:2px;margin-left:-2px;height:2px;box-shadow:14px 0px 0 #000,18px 0px 0 #000,12px 2px 0 #000,14px 2px 0 #000,16px 2px 0 #000,18px 2px 0 #000,20px 2px 0 #000,22px 2px 0 #000,12px 4px 0 #000,14px 4px 0 #000,16px 4px 0 #000,18px 4px 0 #000,20px 4px 0 #000,22px 4px 0 #000,12px 6px 0 #000,14px 6px 0 #F1BB93,16px 6px 0 #F1BB93,18px 6px 0 #F1BB93,20px 6px 0 #F1BB93,22px 6px 0 #000,10px 8px 0 #F1BB93,12px 8px 0 #F1BB93,14px 8px 0 #683037,16px 8px 0 #F1BB93,18px 8px 0 #F1BB93,20px 8px 0 #683037,22px 8px 0 #F1BB93,24px 8px 0 #F1BB93,12px 10px 0 #F1BB93,14px 10px 0 #683037,16px 10px 0 #F1BB93,18px 10px 0 #F1BB93,20px 10px 0 #683037,22px 10px 0 #F1BB93,12px 12px 0 #F1BB93,14px 12px 0 #F1BB93,16px 12px 0 #F1BB93,18px 12px 0 #F1BB93,20px 12px 0 #F1BB93,22px 12px 0 #F1BB93,6px 14px 0 #F1BB93,8px 14px 0 #F1BB93,10px 14px 0 #FC323D,12px 14px 0 #FC323D,14px 14px 0 #FC323D,16px 14px 0 #F1BB93,18px 14px 0 #F1BB93,20px 14px 0 #FC323D,22px 14px 0 #FC323D,24px 14px 0 #FC323D,6px 16px 0 #F1BB93,8px 16px 0 #F1BB93,10px 16px 0 #F1BB93,12px 16px 0 #FC323D,14px 16px 0 #FC323D,16px 16px 0 #FC323D,18px 16px 0 #FC323D,20px 16px 0 #FC323D,22px 16px 0 #FC323D,24px 16px 0 #F1BB93,12px 18px 0 #FC323D,14px 18px 0 #FC323D,16px 18px 0 #FC323D,18px 18px 0 #FC323D,20px 18px 0 #FC323D,22px 18px 0 #FC323D,24px 18px 0 #F1BB93,26px 18px 0 #F1BB93,12px 20px 0 #FC323D,14px 20px 0 #FC323D,16px 20px 0 #FC323D,18px 20px 0 #FC323D,20px 20px 0 #FC323D,22px 20px 0 #FC323D,24px 20px 0 #F1BB93,26px 20px 0 #F1BB93,12px 22px 0 #000,14px 22px 0 #000,16px 22px 0 silver,18px 22px 0 silver,20px 22px 0 #000,22px 22px 0 #000,12px 24px 0 #4A52A6,14px 24px 0 #4A52A6,16px 24px 0 #4A52A6,18px 24px 0 #4A52A6,20px 24px 0 #4A52A6,22px 24px 0 #4A52A6,12px 26px 0 #4A52A6,14px 26px 0 #4A52A6,16px 26px 0 #4A52A6,18px 26px 0 #4A52A6,20px 26px 0 #4A52A6,22px 26px 0 #4A52A6,12px 28px 0 #683037,14px 28px 0 #683037,18px 28px 0 #4A52A6,20px 28px 0 #4A52A6,22px 28px 0 #4A52A6,18px 30px 0 #683037,20px 30px 0 #683037,22px 30px 0 #683037,24px 30px 0 #683037}body[data-direction='up'] #scrollbar span{box-shadow:14px 0px 0 #000,18px 0px 0 #000,12px 2px 0 #000,14px 2px 0 #000,16px 2px 0 #000,18px 2px 0 #000,20px 2px 0 #000,22px 2px 0 #000,12px 4px 0 #000,14px 4px 0 #000,16px 4px 0 #000,18px 4px 0 #000,20px 4px 0 #000,22px 4px 0 #000,12px 6px 0 #000,14px 6px 0 #000,16px 6px 0 #000,18px 6px 0 #000,20px 6px 0 #000,22px 6px 0 #000,10px 8px 0 #F1BB93,12px 8px 0 #000,14px 8px 0 #000,16px 8px 0 #000,18px 8px 0 #000,20px 8px 0 #000,22px 8px 0 #000,24px 8px 0 #F1BB93,12px 10px 0 #000,14px 10px 0 #000,16px 10px 0 #000,18px 10px 0 #000,20px 10px 0 #000,22px 10px 0 #000,12px 12px 0 #F1BB93,14px 12px 0 #000,16px 12px 0 #000,18px 12px 0 #000,20px 12px 0 #000,22px 12px 0 #F1BB93,6px 14px 0 #F1BB93,8px 14px 0 #F1BB93,10px 14px 0 #FC323D,12px 14px 0 #FC323D,14px 14px 0 #FC323D,16px 14px 0 #FC323D,18px 14px 0 #FC323D,20px 14px 0 #FC323D,22px 14px 0 #FC323D,24px 14px 0 #FC323D,6px 16px 0 #F1BB93,8px 16px 0 #F1BB93,10px 16px 0 #F1BB93,12px 16px 0 #FC323D,14px 16px 0 #FC323D,16px 16px 0 #FC323D,18px 16px 0 #FC323D,20px 16px 0 #FC323D,22px 16px 0 #FC323D,24px 16px 0 #F1BB93,12px 18px 0 #FC323D,14px 18px 0 #FC323D,16px 18px 0 #FC323D,18px 18px 0 #FC323D,20px 18px 0 #FC323D,22px 18px 0 #FC323D,24px 18px 0 #F1BB93,26px 18px 0 #F1BB93,12px 20px 0 #FC323D,14px 20px 0 #FC323D,16px 20px 0 #FC323D,18px 20px 0 #FC323D,20px 20px 0 #FC323D,22px 20px 0 #FC323D,24px 20px 0 #F1BB93,26px 20px 0 #F1BB93,12px 22px 0 #000,14px 22px 0 #000,16px 22px 0 #000,18px 22px 0 #000,20px 22px 0 #000,22px 22px 0 #000,12px 24px 0 #4A52A6,14px 24px 0 #4A52A6,16px 24px 0 #4A52A6,18px 24px 0 #4A52A6,20px 24px 0 #4A52A6,22px 24px 0 #4A52A6,12px 26px 0 #4A52A6,14px 26px 0 #4A52A6,16px 26px 0 #4A52A6,18px 26px 0 #4A52A6,20px 26px 0 #4A52A6,22px 26px 0 #4A52A6,12px 28px 0 #683037,14px 28px 0 #683037,18px 28px 0 #4A52A6,20px 28px 0 #4A52A6,22px 28px 0 #4A52A6,18px 30px 0 #683037,20px 30px 0 #683037,22px 30px 0 #683037,24px 30px 0 #683037}body.index #main{overflow:hidden;padding-top:40px}body.index #main a{color:#0C73B8;outline:none;transition:color 0.3s, background-color 0.3s}body.index #main a:hover,body.index #main a:focus{color:#fff;background-color:#0C73B8}body.index #main section{margin-bottom:4em;padding:0 20px}@media (min-width: 768px){body.index #main section{margin-bottom:5em}}body.index #main section h1{font-size:2.5rem;padding:0 0 1em;display:flex;align-items:center;text-transform:capitalize}body.index #main section h1:before,body.index #main section h1:after{content:"";flex-grow:1;height:1px}body.index #main section h1:before{background:rgba(150,150,150,0);background:-moz-linear-gradient(left, rgba(150,150,150,0) 0%, #969696 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150,150,150,0)), color-stop(100%, #969696));background:-webkit-linear-gradient(left, rgba(150,150,150,0) 0%, #969696 100%);background:-o-linear-gradient(left, rgba(150,150,150,0) 0%, #969696 100%);background:-ms-linear-gradient(left, rgba(150,150,150,0) 0%, #969696 100%);background:linear-gradient(to right, rgba(150,150,150,0) 0%, #969696 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );margin-right:1rem}body.index #main section h1:after{background:#969696;background:-moz-linear-gradient(left, #969696 0%, rgba(150,150,150,0) 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #969696), color-stop(100%, rgba(150,150,150,0)));background:-webkit-linear-gradient(left, #969696 0%, rgba(150,150,150,0) 100%);background:-o-linear-gradient(left, #969696 0%, rgba(150,150,150,0) 100%);background:-ms-linear-gradient(left, #969696 0%, rgba(150,150,150,0) 100%);background:linear-gradient(to right, #969696 0%, rgba(150,150,150,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );margin-left:1rem}body.index #main section .text__overview{margin-bottom:1em}body.index #main section h2{position:relative;margin:1em 0 .5em;padding:.2em 1em;font-weight:bold;font-size:1.5rem;text-transform:capitalize}body.index #main section h2:before,body.index #main section h2:after{content:"";display:block;border-width:0.5em;border-style:solid;border-color:transparent;position:absolute;top:0.15em}body.index #main section h2:before{left:5px;border-left-color:#ffb3c2}body.index #main section h2:after{border-left-color:#f03;left:0}body.blog>header{margin-top:50px;height:150px;font-weight:bold;transition:height .5s ease-in-out;background:#ee7752 linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size:400% 400%;animation:leadGradient 10s ease infinite;color:#ffffff}@media (min-width: 400px){body.blog>header{margin-top:50px;height:200px}}@media (min-width: 768px){body.blog>header{margin-top:70px;height:300px}}body.blog>header div{text-align:center}body.blog>header p{margin-top:0.5em}body.blog>header a{display:inline-block;color:#ffffff;text-decoration:none;transition:transform .3s ease-in-out}body.blog>header a:hover{transform:scale(1.02)}body.blog>header h1{text-align:center;color:#ffffff;font-size:2.7rem;transition:font-size .5s ease-in-out}@media (min-width: 400px){body.blog>header h1{font-size:3.2rem}}@media (min-width: 768px){body.blog>header h1{font-size:4rem}}body.blog>main{padding:10px 20px 50px;box-sizing:border-box}#blog{padding-top:20px}@media (min-width: 768px){#blog{display:flex}}#blog__body{margin-bottom:30px}@media (min-width: 768px){#blog__body{margin-bottom:50px}}#blog__body a{color:#0C73B8;outline:none;transition:color 0.3s, background-color 0.3s}#blog__body a:hover,#blog__body a:focus{color:#fff;background-color:#0C73B8}#blog__body .blog__hero{margin-bottom:10px}#blog__body img{max-width:100%}#blog__body p{margin-bottom:1em;line-height:1.5}#blog__body strong{font-weight:normal;background:linear-gradient(transparent 60%, rgba(238,119,82,0.74) 60%)}#blog__body h2{font-size:1.8rem;font-weight:bold;margin:2.4em 0 1em;display:flex;align-items:center;text-transform:capitalize}#blog__body h2:after{content:"";flex-grow:1;height:1px}#blog__body h2:after{background:#969696;background:-moz-linear-gradient(left, #969696 0%, rgba(150,150,150,0) 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #969696), color-stop(100%, rgba(150,150,150,0)));background:-webkit-linear-gradient(left, #969696 0%, rgba(150,150,150,0) 100%);background:-o-linear-gradient(left, #969696 0%, rgba(150,150,150,0) 100%);background:-ms-linear-gradient(left, #969696 0%, rgba(150,150,150,0) 100%);background:linear-gradient(to right, #969696 0%, rgba(150,150,150,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );margin-left:1rem}#blog__body>table{width:100%;margin-bottom:2em;border-spacing:1px;border-collapse:separate}#blog__body>table th,#blog__body>table td{background-color:#ddd;padding:5px;color:#333}#blog__body>ul,#blog__body>ol{margin:1em 0}#blog__body ul,#blog__body ol{padding-left:30px}#blog__body li{margin-bottom:4px}#blog__body code{margin:10px}@media (min-width: 768px){#blog__body code{margin:20px}}#content{padding:0 0 30px 0;line-height:1.4;box-sizing:border-box;flex:1}@media (min-width: 768px){#content{padding:0 10px 50px 0}}@media (min-width: 1024px){#content{padding:0 20px 50px 0}}#content header{margin-bottom:2em;line-height:1.2}#content header .header__wrap{display:flex;align-items:center;justify-content:left;margin-bottom:10px}#content header h1{font-size:1.8rem;transition:font-size .5s ease-in-out}@media (min-width: 400px){#content header h1{font-size:2rem}}@media (min-width: 768px){#content header h1{font-size:2.2rem}}#side{padding-right:0;width:100%}#side aside{margin-bottom:1em;text-align:center;min-height:initial}@media (min-width: 768px){#side aside{width:300px}}@media (min-width: 768px){#side{width:300px}}#blog__footer{display:flex}#blog__footer dl{position:relative;font-size:1.2rem;margin:30px 0;padding:10px 10px 10px 10px;background-color:#eee}@media (min-width: 400px){#blog__footer dl{padding:20px 20px 20px 120px}}#blog__footer dl::before{float:left;display:block;content:'';width:60px;height:60px;border-radius:50px;margin:0 10px 10px 0;background:url(../../img/kzms2Prof.jpg) no-repeat;background-size:contain}@media (min-width: 400px){#blog__footer dl::before{float:none;position:absolute;top:20px;left:20px}}@media (min-width: 400px){#blog__footer dl::before{width:80px;height:80px}}#blog__footer dl dt{margin-bottom:10px}#blog__footer dl dt iframe{display:block;margin-top:3px;vertical-align:bottom}@media (min-width: 400px){#blog__footer dl dt iframe{margin-left:10px;display:inline-block}}#blog__footer dl dd{clear:left}#blog__footer dl ul{margin:10px 0 10px 30px}@keyframes leadGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}td.hljs-ln-numbers{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:right;border-right:1px solid #CCC;vertical-align:top;padding-right:5px !important}td.hljs-ln-code{padding-left:10px !important}@media screen and (prefers-reduced-motion: reduce), (update: slow){*{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important}}@media (prefers-color-scheme: dark){body{background-color:#666}body.index #header{border-bottom-color:#222}body.index #header p{color:#ccc}body.index #main,body.blog #main{background-color:#333}body.index #main a,body.blog #main a{color:#57b6ff}#header h1,#main,svg text,#footer small{color:#fff;fill:#fff;stroke:#fff}#footer{box-shadow:inset 0 2px 2px #222}#blog__footer dl{border:1px solid #111;background-color:#222}}