*{margin:0;padding: 0;box-sizing: border-box;font-family: 'Barlow Condensed', sans-serif;}.clearfix::after{content: "";clear: both;display: table;}html{scroll-behavior: smooth;font-size:16px;}body{overflow-x: hidden;}#container{width: 90%;max-width: 1200px;margin: auto;background: white;overflow: hidden;}@media screen and (max-width:450px){#container{width:95%;}}.title{color: #2196F3;text-align: center;margin-bottom: 10px;}.color1{color:#2196F3;}.color2{color:#98d2ff;}.break{width: 100%;height: 1px;margin: 10px auto;background: #BDBDBD;}.btn-main{display: inline-block;padding: 10px 20px;background: #0099FF;color:white;user-select: none;cursor: pointer;}.section-title,.section-title-main{font-size: 32px;font-weight: normal;display: inline-block;text-align: center;margin:auto;margin-bottom: 10px;position: relative;}.section-title::after,.section-title-main::after{content: "";width: 40px;height: 5px;background: #850C0C;position: absolute;left:0;bottom:0px;}.section-title-main{font-size: 36px;}.section-title-main::after{width: 100%;}#who-holder{text-align: center;margin-top: 50px;}#company-photo div{vertical-align: top;font-size:20px;text-align: justify;}#company-photo img{width:100%;vertical-align: middle;margin:auto;}#clogo{transform: translateX(-200px);opacity: 0;transition: all 1s;}#clogo.mc-reveal{opacity: 1;transform: translateX(0);}#ctext{transform: translateX(200px);opacity: 0;transition: all 1s;}#ctext.mc-reveal{opacity: 1;transform: translateX(0);}#footer{width: 100%;background: #13181B;color:white;font-size: 20px;padding: 20px 0;text-align: center;}#footer i{width:50px;display: none;margin-right: 10px;color:red;}#footer>div:not(#developer){display: inline-block;vertical-align: top;width:48%;min-width: 350px;margin-top: 20px;}.footer-div{width:50%;min-width: 300px;margin:auto;text-align: left;}.contact-list{transition: transform 0.5s;margin-bottom: 10px;}.contact-list:hover{transform: translateX(30px);}.contact-list div{display: inline-block;}.contact-list div:first-child{margin-right: 10px;width:30px;}.footer-div a{text-decoration: none;color:white;}.footer-div p{width:100%;font-size:24px;margin-bottom: 10px;text-align: left;}#developer{text-align: center;width:100%;margin-top: 10px;}#mapacarta{text-decoration: none;color:#551A8B;}.bar1, .bar2, .bar3 {width: 30px;height: 5px;background-color: #fff;margin: 6px 10px;transition: 0.4s;}.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-9px, 6px);}.change .bar2 {opacity: 0;}.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-8px, -8px);}#menu{position: fixed;right:-280px;top:0;z-index: 998;background: #333;padding:40px 20px;color:white;transition: all 1s;width:280px;}#menuBtn{width:50px;height: 50px;background: black;position: fixed;right:0px;top:50px;cursor: pointer;z-index: 999;transition: all 1s;font-size:32px;text-align: center;padding-top: 5px;color:white;}#menuBtn.menuOpen{right:280px;}#menu.menuOpen{right:0;}#menu>div:not(#menuBtn){height: 25px;position: relative;margin-bottom: 20px;}#item1,#item2,#item3,#item4{vertical-align: 2px;}#menu a{display: inline-block;text-align: left;margin: 0 0 20px 8px;font-size: 28px;color:white;text-decoration: none;transition: transform 0.5s;text-transform: uppercase;}#menu a:hover{transform: translateX(10px);}#header{display: block;position: relative;height: 500px;}#header.small{height:300px;}p{font:300 25px / 20px Barlow Condensed, sans-serif;color:#4d4d4d;}h2{font-size: 30px;margin:10px auto;}#background {background: black url("../../../uploads/2018/02/siteHeroImage.jpg") no-repeat;background-position: center;background-size: cover;position: relative;width:100%;height:100%;opacity: 1;}#background::after{content: "";position: absolute;width:100%;height:100%;background: black;opacity: 0.6;}#info{text-align: center;padding: 50px 0;width:100%;color:white;position: absolute;top:100px;}#info.small{top:10px;}#info span{font-size: 30px;display: block;}#info span:first-child{font-size: 40px;}#info a{text-decoration: none;font-size:30px;padding: 10px 20px;background:#0099FF;color:white;display: inline-block;margin: 20px auto;position: relative;overflow: hidden;display: none;}#info a::after{content: "";width: 20px;height: 100%;background: white;position: absolute;left:100%;top:0;opacity: 0.7;transition: left 0.3s;}#info a:hover::after{left:-20px;}#about{text-align: center;font-size:20px;}#about h2{margin: 30px 0 20px;}#about p{font:300 25px / 20px Barlow Condensed, sans-serif;line-height: 30px;color:#4d4d4d;text-rendering: optimizeLegibility;text-align: justify;}#about li{margin-bottom: 10px;}#skills ul{text-align: left;}#skills div{display: inline-block;width: 330px;padding: 10px;border:3px solid #0A5482;vertical-align: top;margin: 20px 20px;}.skillBar{list-style-type: none;position: relative;width:100%;overflow: hidden;font-size:22px;height: 28px;line-height: 30px;}.skillBar span{position: absolute;top:10px;width: 10px;height: 10px;margin-left: 5px;background: black;border-radius: 50%;}.skillBar span::after{content: "";position: absolute;left:100%;top:5px;background: grey;width: 300px;height: 1px;}.skillBar::after{content: "";position: absolute;right: 0;top:0;height: 100%;display: inline-block;padding: 0 10px;}.experienced::after{content: "Tecrübeli";text-align: center;background: #2196F3;color:white;}.novice::after{content: "Az";text-align: center;background: #aa99FF;color:white;}.mediocre::after{content: "Orta";text-align: center;background: #aa9933;color:white;padding-left:18px;}#game-desc{font-size:25px;text-align: center;margin-top: 20px;line-height: 1.1;}#content{width: 100%;margin: 20px 0;}#blog-contact-holder{width:100%;text-align: center;margin: 20px 0;}#blog-content{vertical-align: top;width: 100%;max-width: 600px;display: block;margin: auto;padding: 0;font-size:20px;}#blog-content .break:last-child{margin:0;}#blog-content div{padding: 5px;border:1px solid #A9A9A9;margin-bottom: 10px;}#blog-content h3{text-align: left;font-size:22px;text-transform: capitalize;font-weight: 300;color:#2196F3;}#blog-content p{color:#4d4d4d;text-align: left;}#blog-content a{text-decoration: none;color:#2196F3;}#blog-content a:hover{}#blog-content a:visited{color:#2196F3;}#contact{vertical-align: top;width: 100%;display: block;margin: 0 auto;text-align: center;}#contact form{width: 100%;max-width: 600px;margin: 0 auto;}#contact label{font-size: 25px;width:30%;max-width: 120px;display: inline-block;vertical-align: top;text-align: left;display: none;}#contact input, #contact textarea{width: 100%;font-size:25px;margin-bottom: 8px;border: 1px solid #A9A9A9;box-shadow: 0px 5px #ddd;}#contact.contact-page{width:90%;max-width: none;}#contact.contact-page form{width: 100%;max-width: 600px;margin: 0 auto;}button{font-size: 25px;}textarea{resize: none;}@media screen and (max-width:450px){label,input,textarea{}#skills div{margin: 20px auto;}}#footer{width:100%;}.pagination{text-align: center;margin-bottom: 10px;font-size:20px;}.pagination h2{font-size:25px;}#blogPage{width:100%;margin: 20px 0;}#blogPage div:not(.break){width:100%;background:#f6f6f6;padding: 20px 10px;margin: 10px 0;}#blogPage h3{font-size:25px;margin-bottom: 10px;}#blogPage p{line-height: 1.1;}#blogPage a{text-decoration: none;color:#2196F3;}#blogPage ul a{font-size:25px;font-weight: bold;display: inline-block;background: #f6f6f6;padding: 10px 20px;margin:10px 20px;border-radius: 10px;}#blogPage ul a:hover{background: #e6e6e6;}#projectsPage a{width:100%;text-align: center;}#projectsPage a>div{padding: 10px;margin: 10px 0;}#projectsPage h3{font-size:25px;margin-bottom: 10px;}#projectsPage img{width:180px;height:auto;display: block;margin: auto;}#projectsPage a{display: inline-block;vertical-align: top;width:200px;background:#f1f1f1;text-decoration: none;color:#2196F3;}#projectsPage a:hover{background:#e6e6e6;}#single-page{width:100%;margin:20px 0;}#single-page h2{text-align: center;}#single-page p{line-height: 1.1;width:100%;}#single-page img{max-width: 100%;height: auto;display: block;margin: auto;}#language{display: inline-block;position: fixed;top:50px;left:0;font-size:30px;background: #000;z-index: 997;padding: 10px;}#language a{text-decoration: none;color:white;font-weight: bold;}#comments{font-size:20px;width:90%;margin:30px auto;}#comments label{display: block;margin-bottom: 5px;}#comments input, #comments textarea{width: 60%;min-width: 300px;font-size:25px;margin-bottom: 8px;border: 1px solid #A9A9A9;box-shadow: 0px 5px #ddd;}#comments ol{list-style-type: none;}#comments a{color:#2196F3;line-height: 3;padding-bottom: 10px;}#comments h2{font-size: 22px;}.comment-body{padding: 10px 20px;margin:20px auto;background:#f1f1f1;}.comment-body p{line-height: 1.1;}.comment-respond{width:90%;margin: 10px auto;}.contact-me{font-size:25px;line-height: 1.1;}

.danger,.success,.info,.warning{margin-bottom: 15px;margin-top: 15px;padding: 4px 12px;}
.danger {background-color: #ffdddd;border-left: 6px solid #f44336;}.success {background-color: #ddffdd;border-left: 6px solid #4CAF50;}.info {background-color: #e7f3fe;border-left: 6px solid #2196F3;}.warning {background-color: #ffffcc;border-left: 6px solid #ffeb3b;}