/*! 
// ===========================================================
// HPSTR Jekyll Theme
// By: Michael Rose
// ===========================================================
*/*,*:after,*:before{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}blockquote{margin:0}img{height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin-top:28px;font-size:18px}::-moz-selection{color:#424242;text-shadow:none;background-color:#e8e8e8}::selection{color:#424242;text-shadow:none;background-color:#e8e8e8}@font-face{font-family:'Roboto';font-style:normal;font-weight:normal;src:url('../fonts/roboto-regular-webfont.woff2') format('woff2');font-display:optional}@font-face{font-family:'Roboto';font-style:normal;font-weight:bold;src:url('../fonts/roboto-medium-webfont.woff2') format('woff2');font-display:optinal}@font-face{font-family:'Adjusted Arial Fallback';src:local(Arial);size-adjust:102%;ascent-override:105%;descent-override:normal;line-gap-override:normal}@font-face{font-family:'Adjusted Arial Black Fallback';src:local(Arial);size-adjust:102%;ascent-override:90%;descent-override:normal;line-gap-override:normal}.wrap{margin:0 auto}.all-caps{text-transform:uppercase}.pull-left{float:left}.pull-right{float:right}.unstyled-list{padding-left:0;margin-left:0;list-style:none}.unstyled-list li{list-style-type:none}.inline-list{padding-left:0;margin-left:0;list-style:none}.inline-list li{display:inline;list-style-type:none}b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a{transition:all .2s ease}.cssozelliktanimi{padding:10px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.8);background-color:#666;border-radius:0 10px 10px 0;box-shadow:inset 0 3px 0 1px rgba(0,0,0,0.3)}@media only screen and (min-width:62.5em){.cssozelliktanimi{position:relative;padding-left:100px;margin:0 -50px 0 -100px}}@media only screen and (min-width:62.5em){.cssozelliktanimi:before{position:absolute;top:-19px;left:0;width:19px;height:15px;border-color:transparent transparent rgba(0,0,0,0.7) transparent;border-style:solid;border-width:0 0 19px 19px;content:''}}.cssozelliktanimi strong{color:#87ceeb}#___gcse_0{position:absolute;top:-8px;right:0;z-index:1001;float:left;width:250px}#___gcse_0 .gsc-control-cse{background:none!important;border:0!important}.gsc-search-box-tools .gsc-search-box .gsc-input{padding-right:0!important}.gsc-search-button-v2{padding:5px 15px!important}p.tanitim{position:relative;padding:14px 20px 20px 90px;margin:50px -10px 50px 30px;font-size:19px;line-height:1em;color:#5a5b5f;background-color:#f1f1f1;border-radius:5px 5px 5px 40px;box-shadow:2px 2px 2px rgba(150,146,146,0.3)}@media only screen and (min-width:62.5em){p.tanitim{padding:14px 20px 20px 144px;margin:50px 150px;line-height:1.4em}}p.tanitim:before{position:absolute;top:-30px;left:-36px;z-index:1;display:block;width:112px;height:168px;background:url(https://fatihhayrioglu.com/images/css3-logo.png);background-repeat:no-repeat;background-size:100%;content:''}@media only screen and (min-width:62.5em){p.tanitim:before{top:-8px;width:160px;height:240px}}p.tanitim:after{position:absolute;top:10px;left:0;z-index:0;display:block;width:100%;height:5px;background-color:white;content:''}p.tanitim strong{margin:14px 0 8px 0;font-weight:600;color:#5a5b5f}p.tanitim a{display:block;padding:8px 16px 12px 16px;margin-top:15px;font-size:20px;color:#fafafa;text-align:center;text-decoration:none;text-shadow:2px 2px 2px rgba(0,0,0,0.4);background:linear-gradient(to bottom,#e04f42 0,#d0352c 100%);border:0;border-radius:7px;box-shadow:inset 0 -5px 0 0 rgba(0,0,0,0.15)}.resmi-ortala{text-align:center}.table{border-collapse:collapse}.table th{border-bottom:1px solid}.table td{padding:10px}body{font-family:'Roboto','Adjusted Arial Fallback',sans-serif;color:#424242}h1,h2,h3,h4,h5,h6{font-family:'Roboto','Adjusted Arial Black Fallback',sans-serif}h1{font-size:32px;font-size:1.7777777777777777rem}a{color:#222;text-decoration:none;word-wrap:break-word}a:visited{color:#555}a:hover{color:#000}a:focus{color:#000;outline:thin dotted}a:hover,a:active{outline:0}.link-arrow{font-style:normal;text-decoration:underline}figcaption{padding-top:10px;font-size:14px;font-size:.7777777777777778rem;line-height:2;line-height:1.3;color:#5c5c5c}.notice{padding:.5em 1em;margin-top:1.5em;font-size:14px;font-size:.7777777777777778rem;text-indent:0;background-color:#e8e8e8;border:1px solid #b5b5b5;border-radius:3px}blockquote{padding-left:20px;font-family:serif;font-style:italic;border-left:8px solid #dbdbdb}@media only screen and (min-width:48em){blockquote{margin-left:-28px}}.entry-content .footnotes ol,.entry-content .footnotes li,.entry-content .footnotes p{margin-bottom:28px;margin-bottom:1.5555555555555556rem;font-size:14px;font-size:.7777777777777778rem;line-height:2.3}tt,code,kbd,samp,pre{font-family:monospace}p code,li code{padding:0 5px;margin:0 2px;font-size:1rem;line-height:1.5;white-space:nowrap;background-color:#ebebeb;border:1px solid #ccc;border-radius:3px}pre{overflow-x:auto;font-size:16px;line-height:1.5}code{font-size:16px}.highlight{padding:9px 14px;margin-bottom:14px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px}.highlight .highlight{padding:0;padding-left:0;margin:0;border:0;border-radius:0}.highlight .hll{background-color:#ffc}.highlight .c{font-style:italic;color:#998}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold;color:#000}.highlight .o{font-weight:bold;color:#000}.highlight .cm{font-style:italic;color:#998}.highlight .cp{font-style:italic;font-weight:bold;color:#999}.highlight .c1{font-style:italic;color:#998}.highlight .cs{font-style:italic;font-weight:bold;color:#999}.highlight .gd{color:#000;background-color:#fdd}.highlight .ge{font-style:italic;color:#000}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold;color:#000}.highlight .kd{font-weight:bold;color:#000}.highlight .kn{font-weight:bold;color:#000}.highlight .kp{font-weight:bold;color:#000}.highlight .kr{font-weight:bold;color:#000}.highlight .kt{font-weight:bold;color:#458}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:#008080}.highlight .nb{color:#0086b3}.highlight .nc{font-weight:bold;color:#458}.highlight .no{color:#008080}.highlight .nd{font-weight:bold;color:#3c5d5d}.highlight .ni{color:#800080}.highlight .ne{font-weight:bold;color:#900}.highlight .nf{font-weight:bold;color:#900}.highlight .nl{font-weight:bold;color:#900}.highlight .nn{color:#555}.highlight .nt{color:#000080}.highlight .nv{color:#008080}.highlight .ow{font-weight:bold;color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .il{color:#099}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hidden{display:none;visibility:hidden}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}hr{display:block;height:1px;padding:0;margin:1em 0;border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff}figure{padding-top:10px;padding-bottom:10px;margin:0;*zoom:1}figure:before,figure:after{display:table;content:""}figure:after{clear:both}figure img{margin-bottom:10px}figure a img{transform:translate(0,0);-webkit-transition-duration:.25s;-moz-transition-duration:.25s;-o-transition-duration:.25s}figure a img:hover{transform:translate(0,-5px);box-shadow:0 0 10px rgba(66,66,66,0.2)}@media only screen and (min-width:62.5em){figure.half img{float:left;width:310px;margin-right:10px}figure.half figcaption{clear:left}}@media only screen and (min-width:62.5em){figure.third img{float:left;width:200px;margin-right:10px}figure.third figcaption{clear:left}}svg:not(:root){overflow:hidden}.btn{display:inline-block;padding:8px 20px;margin-bottom:20px;font-size:14px;font-size:.7777777777777778rem;color:#fff;background-color:#424242;border-color:#424242;border-style:solid!important;border-width:2px!important;border-radius:3px}.btn:visited{color:#fff}.btn:hover{color:#424242;background-color:#fff}.btn-warning{color:#fff;background-color:#dd8338;border-color:#dd8338}.btn-warning:visited{color:#fff}.btn-warning:hover{color:#dd8338;background-color:#fff}.btn-danger{color:#fff;background-color:#c64537;border-color:#c64537}.btn-danger:visited{color:#fff}.btn-danger:hover{color:#c64537;background-color:#fff}.btn-info{color:#fff;background-color:#308cbc;border-color:#308cbc}.btn-info:visited{color:#fff}.btn-info:hover{color:#308cbc;background-color:#fff}.well{padding:20px;border:1px solid #424242;border-radius:4px}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{animation-name:bounceInDown}@keyframes drop{0%{transform:translateY(-500px)}100%{transform:translateY(0)}}.drop{animation-name:drop}.dl-menuwrapper{position:absolute;top:0;left:0;z-index:1000;width:100%;perspective:1000px;perspective-origin:50% 200%}@media only screen and (min-width:48em){.dl-menuwrapper{position:fixed;top:25px;left:25px;max-width:175px}}.dl-menuwrapper label{position:relative;top:0;left:0;display:block;width:48px;height:45px;overflow:hidden;text-indent:-900em;cursor:pointer;background:#424242;border:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:0;border-top-left-radius:0;outline:0;opacity:.6;background-clip:padding-box}@media only screen and (min-width:48em){.dl-menuwrapper label{border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px;background-clip:padding-box}}.dl-menuwrapper label:hover,.dl-menuwrapper label.dl-active,.dl-menuwrapper ul{background:#050505}.dl-menuwrapper label:after{position:absolute;top:10px;left:16%;width:68%;height:5px;background:#fff;content:'';box-shadow:0 10px 0 #fff,0 20px 0 #fff}.dl-menuwrapper label.dl-active{display:none}.dl-menuwrapper ul{padding:0;list-style:none;background-color:#424242;transition:all .1s linear;transform-style:preserve-3d}.dl-menuwrapper li{position:relative}.dl-menuwrapper li h4{padding:15px 20px 0;margin:0;color:rgba(255,255,255,0.9)}.dl-menuwrapper li p{padding:15px 20px;margin:0;font-size:14px;font-size:.7777777777777778rem;color:rgba(255,255,255,0.8)}.dl-menuwrapper li p a{display:inline;padding:0;font-size:14px;font-size:.7777777777777778rem}.dl-menuwrapper li a{position:relative;display:block;padding:15px 20px;font-size:14px;font-size:.7777777777777778rem;line-height:20px;color:#fff;outline:0}.dl-menuwrapper li .dl-back>a{padding-left:30px;background:rgba(0,0,0,0.2)}.dl-menuwrapper .dl-menu{position:absolute;width:100%;max-width:400px;max-height:600px;margin:0;overflow-y:auto;pointer-events:none;opacity:0;transform:translateY(10px);box-shadow:0 12px 24px rgba(0,0,0,0.35);backface-visibility:hidden}@media only screen and (min-width:48em){.dl-menuwrapper .dl-menu{max-height:650px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px;background-clip:padding-box}}.dl-menuwrapper .dl-submenu{border-radius:3px;box-shadow:0 12px 24px rgba(0,0,0,0.35)}.dl-menuwrapper li .dl-submenu{display:none}.menu-overlay{display:none}input[type="checkbox"].menu-ac-kapa{display:none}input[type="checkbox"].menu-ac-kapa:checked~nav{z-index:1002}input[type="checkbox"].menu-ac-kapa:checked ~ nav ul{pointer-events:auto;opacity:1;transform:translateY(-45px)}input[type="checkbox"].menu-ac-kapa:checked~nav ul li{display:block}input[type="checkbox"].menu-ac-kapa:checked ~ .menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:block;cursor:pointer;background-color:rgba(0,0,0,0.3)}body{width:100%;padding:0;margin:0;background-color:#e8e8e8}.entry,.hentry{*zoom:1}.entry:before,.hentry:before,.entry:after,.hentry:after{display:table;content:""}.entry:after,.hentry:after{clear:both}.entry-content{margin-bottom:28px;margin-bottom:1.5555555555555556rem;font-size:20px;font-size:1.1111111111111112rem;line-height:1.7;letter-spacing:.015em}.entry-content p>a,.entry-content li>a{text-decoration-line:underline;text-decoration-style:wavy;text-underline-offset:4px;text-decoration-color:#0066fe}.entry-content p>a:hover,.entry-content li>a:hover{color:#ff7f50;text-decoration-color:#0066fe}.entry-content .resimler-sagda{float:right}.entry-header{position:relative;width:100%;overflow:hidden}.header-title{margin:30px 0 0;text-align:center}.header-title h1{margin:10px 80px;font-size:28px;font-size:1.5555555555555556rem;font-weight:bold;color:#757575}@media only screen and (min-width:48em){.header-title h1{font-size:48px;font-size:2.6666666666666665rem}}@media only screen and (min-width:62.5em){.header-title h1{font-size:60px;font-size:3.3333333333333335rem}}.header-title h1 a{mix-blend-mode:difference}.header-title h2{margin:0;font-size:18px;font-size:1rem;color:#a8a8a8;text-transform:uppercase;mix-blend-mode:difference}@media only screen and (min-width:48em){.header-title h2{font-size:30px;font-size:1.6666666666666667rem}}.feature .header-title{position:absolute;top:0;display:table;width:100%;height:400px;margin-top:0;overflow:hidden}.feature .header-title .header-title-wrap{display:table-cell;margin:0 auto;text-align:center}.feature .header-title h1{margin:10px;margin:25px 60px 10px 60px;font-weight:bold;color:#fff;text-shadow:1px 1px 4px rgba(66,66,66,0.6)}.feature .header-title h1 a{color:#fff}.feature .header-title h2{margin:0;color:#fff;text-transform:uppercase}@media only screen and (min-width:48em){.feature .header-title h2 a{color:#fff}}.entry-image{position:relative;top:-50%;left:-50%;width:200%;height:200%;min-height:400px;overflow:hidden;background:#1abc9c}.entry-image img{position:absolute;top:0;right:0;bottom:0;left:0;min-width:50%;min-height:50%;margin:auto}.image-credit{position:absolute;right:0;bottom:0;z-index:10;max-width:440px;padding:10px 15px;margin:0 auto;font-size:12px;font-size:.6666666666666666rem;color:#fff;text-align:right;background-color:rgba(66,66,66,0.5);border-top-right-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;background-clip:padding-box}@media only screen and (min-width:48em){.image-credit{max-width:760px}}@media only screen and (min-width:62.5em){.image-credit{max-width:960px}}.image-credit a{color:#fff;text-decoration:none}.entry-meta{font-size:12px;font-size:.6666666666666666rem;color:#dbdbdb;text-transform:uppercase}.entry-meta a{color:#dbdbdb}.entry-meta .vcard:after{content:" Yazdı "}.entry-meta .tag{display:inline-block;padding:2px 6px;margin:4px;color:#fff;background-color:#dbdbdb;border-radius:3px}.entry-meta .tag span{font-size:10px;font-size:.5555555555555556rem;vertical-align:super}.entry-meta .tag:hover{background-color:#c2c2c2}.entry-meta .tag:active{transform:translate(0,1px);box-shadow:0 0 1px rgba(66,66,66,0.2)}#post .entry-content,#page .entry-content{padding:10px 15px;margin:40px 2px 20px 2px;background-color:#fff;border-radius:3px;box-shadow:0 0 0 0,0 6px 12px rgba(0,0,0,0.1)}@media only screen and (min-width:48em){#post .entry-content,#page .entry-content{padding:20px 30px;margin-right:10px;margin-left:10px}}@media only screen and (min-width:62.5em){#post .entry-content,#page .entry-content{max-width:984px;padding:50px 80px;margin:50px auto 30px auto}#post .entry-content>p:first-child,#page .entry-content>p:first-child{margin-bottom:28px;margin-bottom:1.5555555555555556rem;font-size:20px;font-size:1.1111111111111112rem;line-height:1.7}}#post #disqus_thread,#page #disqus_thread{padding:10px 15px;margin:40px 2px 20px 2px;background-color:#fff;border-radius:3px;box-shadow:0 0 0 1px rgba(219,219,219,0.1),0 6px 12px rgba(0,0,0,0.1)}@media only screen and (min-width:48em){#post #disqus_thread,#page #disqus_thread{padding:20px 30px;margin-right:10px;margin-left:10px}}@media only screen and (min-width:62.5em){#post #disqus_thread,#page #disqus_thread{max-width:984px;padding:50px 80px;margin:0 auto 30px auto}}#post .entry-meta,#page .entry-meta{margin:50px 30px 30px;text-align:center}.entry-tags{display:block;margin-bottom:6px}.pagination{margin:20px 10px;text-align:center}.pagination ul{display:inline;margin-right:10px;margin-left:10px}.pagination li{padding-right:4px;padding-left:4px}.pagination .current-page{font-weight:bold}.read-more{position:relative;padding:40px 15px 25px;margin:40px 2px 20px 2px;text-align:center;background-color:#fff;border-radius:3px;*zoom:1;box-shadow:0 0 0 1px rgba(219,219,219,0.1),0 6px 12px rgba(0,0,0,0.1)}@media only screen and (min-width:48em){.read-more{padding:50px 40px 25px;margin:50px 10px 20px 10px}}@media only screen and (min-width:62.5em){.read-more{max-width:984px;padding:50px 80px;margin:60px auto}}.read-more:before,.read-more:after{display:table;content:""}.read-more:after{clear:both}.read-more-header{position:absolute;top:-20px;right:0;left:0;height:35px}.read-more-header a{display:inline-block;padding:8px 20px;margin-bottom:20px;font-size:14px;font-size:.7777777777777778rem;color:#fff;background-color:#424242;border-color:#424242;border-style:solid!important;border-width:2px!important;border-radius:3px}.read-more-header a:visited{color:#fff}.read-more-header a:hover{color:#424242;background-color:#fff}.read-more-content{margin-bottom:28px;margin-bottom:1.5555555555555556rem;font-size:16px;font-size:.8888888888888888rem;line-height:2.05}.read-more-content p>a,.read-more-content li>a{border-bottom:1px dotted #a2a2a2}.read-more-content p>a:hover,.read-more-content li>a:hover{border-bottom-style:solid}.read-more-content h3{margin:0;font-size:28px;font-size:1.5555555555555556rem}.read-more-content h3 a{color:#424242}@media only screen and (min-width:48em){.read-more-content h3{font-size:36px;font-size:2rem}}.read-more-list{border-top:solid 1px #dbdbdb}.list-item{width:100%;text-align:left}.list-item h4{margin-bottom:0;font-size:18px;font-size:1rem}.list-item span{display:block;font-size:14px;font-size:.7777777777777778rem;color:#c2c2c2}@media only screen and (min-width:48em){.list-item{float:left;width:49%}.list-item:nth-child(2){text-align:right}}#post-index #main{margin:40px 2px 20px 2px}@media only screen and (min-width:48em){#post-index #main{margin-right:20px;margin-left:20px}}@media only screen and (min-width:62.5em){#post-index #main{max-width:984px;margin-top:50px;margin-right:auto;margin-left:auto}}#post-index article{padding:25px 15px;margin-bottom:20px;background-color:#fff;border-radius:3px;box-shadow:0 0 0 0,0 6px 12px rgba(66,66,66,0.1)}@media only screen and (min-width:48em){#post-index article{padding:30px}}@media only screen and (min-width:62.5em){#post-index article{padding:50px 80px;margin-bottom:30px}}.footer-wrapper{margin:2em auto;color:#757575;text-align:center;*zoom:1}.footer-wrapper:before,.footer-wrapper:after{display:table;content:""}.footer-wrapper:after{clear:both}.footer-wrapper a{color:#757575}.socialcount{font-size:16px;font-size:.8888888888888888rem;font-weight:bold}.socialcount li{padding-right:10px;padding-left:10px}.socialcount li svg{width:14px;height:14px}.socialcount li svg path,.socialcount li svg g{fill:#dbdbdb}.socialcount li .share-twitter:before{display:inline-block;width:14px;height:14px;background:url("/assets/icons/twitter.svg") 0 0 no-repeat;background-size:14px 14px;content:''}.socialcount p>a,.socialcount li>a{border-bottom-width:0}.upgrade{padding:10px;text-align:center}#goog-fixurl ul{padding-left:0;margin-left:0;list-style:none}#goog-fixurl ul li{list-style-type:none}#goog-wm-qt{display:inline-block;width:auto;padding:8px 20px;margin-right:10px;margin-bottom:20px;font-size:14px;font-size:.7777777777777778rem;color:#424242;background-color:#fff;border-color:#c2c2c2;border-style:solid!important;border-width:2px!important;border-radius:3px}#goog-wm-sb{display:inline-block;padding:8px 20px;margin-bottom:20px;font-size:14px;font-size:.7777777777777778rem;color:#fff;background-color:#424242;border-color:#424242;border-style:solid!important;border-width:2px!important;border-radius:3px}#goog-wm-sb:visited{color:#fff}#goog-wm-sb:hover{color:#424242;background-color:#fff}.tarayici-uyumi{width:100%;overflow:hidden;border-collapse:collapse;border-spacing:0;border-radius:10px}.tarayici-uyumi td,.tarayici-uyumi th{padding:5px 10px;background-color:#f1f1f1;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}.tarayici-uyumi td em,.tarayici-uyumi th em{color:#cd5c5c}.tarayici-uyumi th{background-color:#e8e8e8}iframe[src*='codepen']{border:1px solid #3d3d3e}.css-kitabi{width:365px;min-height:190px;margin:0 auto;background:url(https://fatihhayrioglu.com/images/css3-kitap.png) 0 0 no-repeat;background-size:117px 189px}.css-kitabi p{padding-top:12px;margin:30px 0 0 151px;font-size:32px;color:white;text-align:left}.css-kitabi a{display:inline-block;padding:15px 30px;margin:20px 10px;margin-left:142px;font-size:18px;color:white;background:transparent;border:3px solid white;border-radius:3px;transition:all .3s ease}.css-kitabi a:hover{color:#2fadea;background:white}.kitap-resmi{float:right;margin:0 0 20px 30px}.zamani-gecti{position:relative;width:100%;padding:1em 1em 1em 1.5em;font-size:24px!important;line-height:1.5;background-color:white;border:1px solid darkorange;border-left:6px solid darkorange}.zamani-gecti+.zamani-gecti{margin-top:2em}.zamani-gecti:before{position:absolute;top:1em;left:-3px;width:1.5em;height:1.5em;font-weight:bold;line-height:1.5;color:white;text-align:center;background-color:darkorange;border-radius:50%;content:"!";transform:translateX(-50%)}.zamani-gecti p{margin:0 0 1em}.zamani-gecti p:last-child{margin-bottom:0}