@font-face{font-family:NimbusSanL;font-display:swap;src:url(NimbusSanL-Reg.woff)}@font-face{font-family:Oswald;font-display:swap;src:url(Oswald-Regular.woff)}*{margin:0;padding:0;outline:0;border:none;box-sizing:border-box}body{font-family:NimbusSanL,sans-serif;font-weight:400;font-size:62.5%;background:#f3f3f3;color:#222}body .syntaxhighlighter{overflow-y:hidden!important}body .syntaxhighlighter .gutter,body .syntaxhighlighter code{font-size:14px!important}h1{font-size:2.4em;color:#333}.header{width:100%;height:145px;background:#000}.logo{background-image:url(../images/logo.png);width:238px;height:70px;position:relative;top:40px;left:50px;cursor:pointer}.menu{background-image:url(../images/buton.svg);width:50px;height:50px;display:none;position:absolute;left:80%;top:90px;border:1px solid rgba(238,238,238,.5)}.nav .closebtn{display:none!important}.nav{width:100%}.nav ul{list-style:none;background-color:#ffd200;overflow:hidden;text-align:center}.nav li{display:inline-block}.nav li i{font-size:1.9em}.nav li a{font-family:Oswald,sans-serif;font-size:1.9em;color:#000;display:block;text-decoration:none;padding:5px 30px;text-align:center}.nav li a:hover{background-color:#000;color:#ffd200}.nav li a:hover .ev{background-image:url(../images/ev1.svg)}.nav li a:hover .htm{background-image:url(../images/html1.svg)}.nav li a:hover .cs{background-image:url(../images/css1.svg)}.nav li a:hover .ph{background-image:url(../images/php1.svg)}.nav li a:hover .j{background-image:url(../images/j1.svg)}.nav li a:hover .react{background-image:url(../images/react1.svg)}.content{width:100%;height:auto;max-width:1200px;margin:0 auto;margin-top:20px}.content::after{content:"";clear:both;display:table}.sol{width:70%;height:auto;float:left}.makale{background:#fff;margin-bottom:30px}.sag{width:28.333%;height:auto;float:right;background:#fff}#baslik h1 a{color:#333;text-decoration:none}#baslik h1{font-family:Oswald,sans-serif;margin-left:30px;font-size:2.6em;position:relative;top:10px}#baslik h1 a:hover{color:#26c2ff}.takvim{list-style:none;margin:20px 0;font-size:1.4em;color:#ff9600}.takvim li{display:inline-block;margin-left:30px}.takvim .folder{background-image:url(../images/folder.svg);display:inline-block;width:20px;height:20px;position:relative;top:3px;right:5px}.takvim .calendar{background-image:url(../images/c.svg);display:inline-block;width:20px;height:20px;position:relative;top:3px;right:5px}.takvim .read{background-image:url(../images/read.svg);display:inline-block;width:20px;height:20px;position:relative;top:3px;right:5px}.makale img{position:relative;max-width:100%;height:auto;display:block;margin:0 auto}.makale p{font-size:1.8em;margin-left:30px;margin-top:20px;margin-right:30px;line-height:1.9em;text-align:justify}.pagination{display:inline-block}.pagination a{color:#000;float:left;padding:8px 16px;text-decoration:none;font-size:2em;border:1px solid #ddd;transition:background-color .3s}.pagination a.aktif{background-color:#26c2ff;color:#fff;border:1px solid #20a4d5}.pagination a:hover:not(.active){background-color:#ddd}.center{text-align:center}.baslik{width:100%;max-width:330px;border-bottom:3px solid #ffd200;margin-right:20px;margin-top:30px}.baslik strong{font-family:Oswald,sans-serif;font-size:1.8em;font-weight:400;margin-left:5px;line-height:2em}.kategori{width:99%;height:auto}.kategori ul{list-style:none}.kategori ul li{border-bottom:1px solid #ddd}.kategori ul li:before{content:'';background-image:url(../images/dosya.svg);width:32px;height:32px;display:block;position:relative;top:40px;left:10px}.kategori ul li span{font-weight:700;color:#333;font-size:1.8em;text-decoration:none;margin-left:30%;line-height:2.8em}.kategori ul li i{margin-left:1%;font-size:2em}.kategori ul li:hover{cursor:pointer;background:#26c2ff}.populer{width:99%;height:auto}.populer ul{list-style:none}.populer ul li{padding-top:20px;border-bottom:1px solid #ddd}.populer ul li:before{content:'';background-image:url(../images/ok.svg);width:32px;height:32px;display:inline-block;position:relative;top:10px}.populer ul li span{font-weight:700;color:#333;font-size:1.2em;text-decoration:none;margin-left:1%;line-height:2em}.populer ul li i{font-size:2em}.populer ul li:hover{cursor:pointer;background:#26c2ff}.tags{width:100%;height:auto;overflow:auto}.tags ul{margin-top:20px;list-style:none;margin-left:3px}.tags ul li a{font-size:1.2em;background:#ffd200;border-radius:3px 0 0 3px;color:#222;float:left;height:26px;line-height:26px;padding:0 20px 0 23px;position:relative;margin:0 10px 10px 0;text-decoration:none;-webkit-transition:color .2s}.tags ul li a::before{background:#fff;border-radius:10px;box-shadow:inset 0 1px rgba(0,0,0,.25);content:'';height:6px;left:10px;position:absolute;width:6px;top:10px}.tags ul li a::after{background:#fff;border-bottom:13px solid transparent;border-left:10px solid #ffd200;border-top:13px solid transparent;content:'';position:absolute;right:0;top:0}.tags ul li a:hover{background-color:#26c2ff;color:#fff}.tags ul li a:hover::after{border-left-color:#26c2ff}.mesaj{width:100%;height:5em;background:#141414;margin-top:2em}.mesaj .tw{background-image:url(../images/tw.svg);display:inline-block;width:45px;height:45px;margin-left:40%}.mesaj .mail{background-image:url(../images/email.svg);display:inline-block;width:55px;height:55px;margin-top:-5px;margin-left:20px}.mesaj .ok{background-image:url(../images/up1.svg);display:inline-block;width:32px;height:32px;margin-bottom:10px;margin-left:20%}.footer{width:100%;height:280px;background:#000}.row{margin:0 20px;position:relative;top:20px}.column{float:left;width:20%;padding:10px;height:230px}.row:after{content:"";display:table;clear:both}.colon_ad{width:100%;font-size:1.1em;line-height:2em;border-bottom:3px solid #ffd200;margin-right:20px;margin-top:5px;color:#fff}.row .column ul{list-style:none}.row .column ul li a{color:#fff;font-size:1.4em;text-decoration:none;line-height:1.8em}.row .column ul li a:hover{color:#ff9600}.footer1{width:100%;height:50px;background:#ffd200}.footer1 span{position:relative;left:40%;top:20px;font-size:1.6em}.makale_oku{width:70%;height:auto;float:left;background:#fff;margin-bottom:30px}.makale_oku p{font-size:1.7em;color:#222;margin-left:30px;margin-top:10px;margin-right:30px;line-height:1.8em;text-align:justify}.makale_oku h1{font-family:Oswald,sans-serif;margin-left:30px;margin-top:20px}.makale_oku img{margin-left:30px;max-width:100%;height:auto}.makale_oku video{display:block;margin:0 auto}.makale_oku pre{font-size:1.4em}.wrap{margin-left:20px;margin-top:30px}.wrap i{display:inline-block;background-image:url(../images/user.svg);width:50px;height:50px;vertical-align:top;margin-left:10px;margin-top:20px}.ziyaretci{display:inline-block;width:87%;height:auto;min-height:70px;border:1px solid #eee;margin-left:5px;margin-top:10px;font-size:1em}.ziyaretci p{border-bottom:1px solid #eee;margin-top:-2px;font-size:1.6em;text-align:left}.ziyaretci strong{margin-left:60%;font-weight:400}.ziyaretci mesaj{display:block;margin:5px 20px;font-size:1.4em;line-height:1.6em}.yonetici{display:inline-block;width:87%;height:auto;min-height:70px;border:1px solid #cce6ef;margin-left:5px;margin-top:10px;font-size:1em}.yonetici p{border-bottom:1px solid #cce6ef;margin-top:-2px;font-size:1.6em;text-align:left}.yonetici strong{margin-left:60%;font-weight:400}.yonetici mesaj{display:block;margin:5px 20px;font-size:1.4em;line-height:1.6em}#form input{display:inline;margin-top:30px;margin-left:55px;width:38%;padding:1em 2em;font-size:1.6em;border-bottom:2px solid #000;background:#fff}#form input:focus{border-bottom:2px solid #26c2ff}#form input:focus::-webkit-input-placeholder{color:transparent}#form input:focus::-moz-placeholder{color:transparent}#form input:focus:-moz-placeholder{color:transparent}#form input:focus:-ms-input-placeholder{color:transparent}#form .user1{background-image:url(../images/user1.svg);width:40px;height:40px;display:block;margin-left:25px;position:relative;top:75px}#form .email{background-image:url(../images/email.svg);width:32px;height:32px;display:inline-block;position:relative;top:15px;left:20px}#form .text{background-image:url(../images/kalem.svg);width:50px;height:50px;display:block;position:relative;top:20px;left:20px}#mes{display:block;margin-top:50px}#form textarea{width:89%;height:100px;margin-top:-40px;margin-left:62px;font-size:1.6em;border-bottom:2px solid #000;background:#fff}#form textarea:focus{border-bottom:2px solid #26c2ff}#form textarea:focus{border-bottom:2px solid #26c2ff}#form textarea:focus::-webkit-input-placeholder{color:transparent}#form textarea:focus::-moz-placeholder{color:transparent}#form textarea:focus:-moz-placeholder{color:transparent}#form textarea:focus:-ms-input-placeholder{color:transparent}#form p{color:#ff9600;margin-left:50px;font-size:2.4em;text-decoration:line-through}#form .guv{margin-left:40px;margin-top:-5px;width:25%;font-size:1.8em}#form button{padding:12px 20px;margin-left:30px}#form button:hover{background:#26c2ff}form{margin-bottom:20px}@media screen and (min-width:1025px) and (max-width:1170px){.colon_ad{font-size:1.2em}.content{width:97%}.makale_oku img{margin-left:10px;max-width:95%}}@media screen and (min-width:1000px) and (max-width:1030px){.content{width:97%}.makale{margin-left:7px}.sag{width:27%}.colon_ad{font-size:1.1em}.kategori ul li span{font-size:1.4em}.populer ul li span{font-size:1.1em}.kategori ul li:before{top:30px}.makale_oku img{margin-left:10px;max-width:95%}.makale_oku pre{margin-left:20px;font-size:1.2em}.makale_oku .kutu{margin-left:20px;margin-right:10px}.makale_oku .kutu3{margin-left:20px;margin-right:10px}.makale_oku .kutu4{margin-left:20px;margin-right:10px}.makale_oku .kutu_uyari{margin-left:20px;margin-right:10px}}@media screen and (min-width:765px) and (max-width:980px){#baslik h1{font-size:2em}.makale p{font-size:1.4em}.nav li a{font-size:1.4em;padding:5px 20px}.makale{margin-left:7px}.sag{width:27%}.row .column ul li a{font-size:1.1em}.buton{font-size:1.2em}.kategori ul li span{font-size:1.4em}.kategori ul li span{font-size:1.2em}.populer ul li span{font-size:1em}.colon_ad{font-size:.94em}.column{padding:3px}.kategori ul li:before{top:30px}#form .email{display:block;position:relative;top:80px;left:30px}.makale_oku h1{font-size:2em}.makale_oku p{font-size:1.4em}.makale_oku pre{margin-left:5px;font-size:1.2em}.makale_oku img{margin-left:5px;max-width:95%}.makale_oku .kutu{margin-left:5px;margin-right:5px}.makale_oku .kutu3{margin-left:5px;margin-right:5px}.makale_oku .kutu4{margin-left:5px;margin-right:5px}.makale_oku .kutu_uyari{margin-left:5px;margin-right:5px}}@media screen and (min-width:315px) and (max-width:760px){#baslik h1{font-size:2em}.logo{background-image:url(../images/logo1.png);width:176px;height:45px;position:relative;top:45px;left:40px;cursor:pointer}.menu{display:block}.menu:hover{border:1px solid rgba(238,238,238,.7);cursor:pointer}.nav{position:absolute;width:0;height:100%;top:0;right:0;background-color:#ffd200;transition:.5s;z-index:2}.nav ul{margin-top:40px;list-style:none}.nav li{display:block;margin-left:5%}.nav li i{font-size:1.6em}.nav li a{font-family:Oswald,sans-serif;font-size:1.6em;color:#000;display:block;text-align:left;text-decoration:none;padding:10px 10px;transition:.3s}.nav li a:hover{background:#ffd200;color:#000}.nav .closebtn{display:none;text-decoration:none;position:absolute;top:0;left:10px;font-size:40px;color:#000}.sol{width:100%}.sag{width:100%}.makale p{font-size:1.4em;margin-left:10px;margin-right:10px}.buton{padding:12px 22px!important;font-size:1.4em!important;margin-left:48%!important}.baslik{max-width:100%}.footer{display:none}.makale_oku h1{font-size:2em}.makale_oku{width:100%;margin-left:0;margin-right:0}.makale_oku p{margin-left:10px;margin-right:10px;font-size:1.4em}.makale_oku p{margin-left:10px;margin-right:10px;font-size:1.4em}.ziyaretci b{margin-left:60%}.wrap i{display:none}#form input{width:80%;margin-left:30px}#form textarea{width:80%}#form .guv{margin-left:30px;width:30%!important}#form label{display:block;position:relative;top:30px}.footer1 span{left:20%;font-size:1.4em}.makale_oku .kutu2{margin-left:3px;margin-right:2px}.makale_oku .kutu{margin-left:3px;margin-right:2px}.makale_oku .kutu p{margin-top:0}.makale_oku hr{margin-left:3px}.makale_oku .tablo{width:98%!important;margin-left:2px!important}.makale_oku ul{margin-left:10px!important}.kategori ul li:before{top:30px;left:10px}#form .email{display:block;position:relative;top:80px;left:30px}#form textarea{margin-left:45px}#form .text{left:5px}.mesaj .ok{margin-left:10%}.makale_oku pre{margin-left:5px;font-size:.9em}.makale_oku img{margin-left:5px;max-width:95%}.makale_oku .kutu{margin-left:5px;margin-right:5px}.makale_oku .kutu3{margin-left:5px;margin-right:5px}.makale_oku .kutu4{margin-left:5px;margin-right:5px}.makale_oku .kutu_uyari{margin-left:5px;margin-right:5px}.nav li a:hover .ev{background-image:url(../images/ev.svg)}.nav li a:hover .htm{background-image:url(../images/html.svg)}.nav li a:hover .cs{background-image:url(../images/css.svg)}.nav li a:hover .ph{background-image:url(../images/php.svg)}.nav li a:hover .j{background-image:url(../images/j.svg)}.nav li a:hover .jq{background-image:url(../images/jq.svg)}}.efect{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.efect:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#ffd200;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.efect:hover,.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus{color:#000}.efect:hover:before,.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.buton{background:#000;padding:15px 30px;font-size:1.6em;color:#ffd200;text-decoration:none;font-weight:700;margin-left:60%;margin-top:20px;margin-bottom:20px}.ev{background-image:url(../images/ev.svg);width:32px;height:32px;display:inline-block;margin-bottom:-7px;margin-right:5px}.htm{background-image:url(../images/html.svg);width:32px;height:32px;display:inline-block;margin-bottom:-7px;margin-right:5px}.cs{background-image:url(../images/css.svg);width:32px;height:32px;display:inline-block;margin-bottom:-7px;margin-right:5px}.j{background-image:url(../images/j.svg);width:32px;height:32px;display:inline-block;margin-bottom:-7px;margin-right:5px}.react{background-image:url(../images/react.svg);width:32px;height:32px;display:inline-block;margin-bottom:-7px;margin-right:5px}.ph{background-image:url(../images/php.svg);width:32px;height:32px;display:inline-block;margin-bottom:-7px;margin-right:5px}