:root{
    --bgcolor:#000;
    --txtcl:#9a9a9a;
    --txtacl:#0dcaf0;
    --txtacl-op-1:#0dcaf0c2;
    --txtaclsdw:rgba(144, 235, 215, .5);
    --success:#0df0a4;
    --danger:#ff3377;
    --darkgray:#1a1a1a;
    --dark-op-1: #000000a1;
    --dark-op-2: #00000075;
    --dark-op-3: #0000005d;
    --white: #fff;
    --white-op-1: #ffffffa1;
    --white-op-2: #ffffff4b;
    --white-op-3: #ffffff1c;
    --fs-3xl: calc(3vw + 2rem);
    --fs-xxl: calc(3vw + 1rem);
    --fs-xl: calc(2vw + 2rem);
    --fs-lg: calc(1vw + 2rem);
    --fs-mx: 3rem;
    --fs-mu: 2.5rem;
    --fs-md: 2rem;
    --fs-ms: 1.5rem;
    --fs-su: 1.3rem;
    --fs-sm: 1.2rem;
    --fs-st: 1rem;
    --oswald : "Oswald", sans-serif;
    --roboto: "Roboto", sans-serif;
    --successalert:rgba(13, 240, 164, 0.4);
    --dangeralert:rgba(240, 13, 89, 0.3);
}
 
body{background:var(--bgcolor);color:var(--txtcl);font-family:"Roboto",sans-serif;font-size:1.1rem;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5;overflow-x:hidden;}
img{max-width:100%;transform:translateZ(0px);height:unset}
a:focus,input:focus,textarea:focus,button:focus{text-decoration:none;outline:none;}
a:focus,a:hover{text-decoration:none;color:var(--txtacl);}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--txtacl);outline-offset:3px;}
a,button{transition:.3s;text-decoration:none;position:relative;display:inline-block;color:var(--txtcl);}
h1,h2,h3,h4,h5,h6{margin:0px;position:relative;color:var(--txtcl);}
h2{font-size:2.1rem;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
.numberedlist{list-style-type:decimal;}
p{font-weight:400;line-height:26px;color:var(--txtcl);}
textarea,select,input,button{outline:none;}
iframe{width:100%}
input,textarea{border-radius:4px;border:1px solid #ddd;font-size:1rem;font-weight:400;line-height:1.5;border-radius:0.375rem;resize:none;box-shadow:none!important;}
input[type='number'],input[type='tel']{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
a.disabled,.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.8;}
.mainbtn{width:max-content;border:1px solid var(--success);padding:.55rem .95rem;border-radius: 6px;color: var(--success);}
.mainbtn:hover{background:var(--success);color:var(--bgcolor);color: var(--bgcolor);}
.oswald{font-family:var(--oswald);}
.roboto{font-family:var(--roboto);}
.maincolor{color:var(--success);}
/* nav */
header{font-family:"Oswald",sans-serif;width:200px;height:100vh;position:fixed;left:0;top:0;background:var(--bgcolor);z-index:99;}
.titlebox{background:var(--txtacl);padding:1rem;font-size:var(--fs-md);color:var(--bgcolor);line-height:1.3;}
nav ul li{width:100%;}
nav a{color:var(--txtcl);font-size:var(--fs-sm);padding:.75rem .75rem;width:100%;}
nav a:hover,nav a.active{color:var(--txtacl);}
nav .nav-item:not(:last-child) a{border-bottom:1px solid var(--white-op-2)}
/* main */
main{width:calc(100% - 200px);height:100vh;left:200px;position:absolute;top:0;display:flex;overflow:hidden;}
main .content{width:100%;width:calc(100% / 2);height:100%;display:flex;padding:5rem;flex-direction:column;overflow-x:hidden;overflow-y:auto;flex-shrink:0;position:relative;}
main .content.activezone:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--txtacl);}
main .content::-webkit-scrollbar-track{-webkit-box-shadow:0;background-color:var(--white-op-3);}
main .content::-webkit-scrollbar{width:6px;background-color:var(--white-op-3);}
main .content::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--dark-op-3);}
main .content.home{padding-right:0;}
.content .infotext{position:absolute;left:6rem;top:35vh;z-index:2;font-size:1.2rem;}
.content .infotext h2{font-size:2.2rem;}
.content .infotext h2 span{display:block;font-size:3.2rem;}
.content .infotext .job{border-top:1px solid var(--white-op-2);border-bottom:1px solid var(--white-op-2);color:var(--txtacl);}
.content .image.profile{text-align:right;max-width:600px;align-self:flex-end;justify-self:flex-end;}
.zonetitle{font-family:var(--oswald);font-size:var(--fs-mu);text-transform:uppercase;position:relative;width:max-content;font-weight:400;color:var(--white-op-1);}
.zonetitle::after{content:"";width:60px;height:5px;background:var(--txtacl);position:absolute;bottom:-1rem;left:0;}
.about{background:var(--white-op-3);}
.aboutlist li{padding:.75rem 0;width:80%;}
.aboutlist li:not(:last-child){border-bottom:1px solid var(--white-op-2);}
.skill-list ul{column-count:3;font-size:var(--fs-st);}
.skill-list .item{padding:1rem 0;border-bottom:1px solid var(--white-op-2);}
.skill-list .progress{background:var(--white-op-2);}
.skill-list .progress-bar{background:var(--success);}
.experience .item,.contactbox .item{display:flex;gap:1rem;padding:1.8rem 0 1.8rem;align-items:center!important;}
.experience .item:not(:last-child){border-bottom:1px solid var(--white-op-2);}
.experience .icon,.contactbox .icon{font-size:var(--fs-ms);color:var(--success);border:2px solid var(--white-op-2);padding:1rem;border-radius:6rem;align-self:flex-start;line-height:1;width:80px;height:80px;display:flex;align-items:center;text-align:center;font-family:var(--oswald);opacity:.7;}
.experience .info{font-family:var(--oswald);}
.content .experience .item .icon{flex:0 0 auto;}
.content .experience .item .info{flex:0 0 280px;}
/* en uzun unvan sığsın */
.content .experience .item .data{flex:1 1 0;min-width:0;}
.content.knowledge .experience .item .icon,.content.knowledge .experience .item .info,.content.knowledge .experience .item .data{align-self:center;}
.portfolio .item{position:relative;border:1px solid var(--white-op-3);}
.portfolio .item .info,.smworks li a{position:absolute;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;top:0;left:0;background:var(--txtacl-op-1);color:var(--bgcolor);font-size:var(--fs-md);visibility:hidden;opacity:0;transition:.3s;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.portfolio .item:hover .info,.smworks li:hover a{visibility:visible;opacity:1;}
.seperator{position:relative;padding:1rem 0;}
.seperator .date{position:relative;background:var(--bgcolor);z-index:1;padding-right:1rem;font-weight:600;font-family:var(--oswald);}
.seperator::after{content:"";position:absolute;width:100%;;height:2px;background:var(--white-op-2);top:50%;left:0;transform:translateY(-50%);}
.smworks{display:flex;flex-wrap:wrap;gap:0.2rem;}
.smworks li{width:calc(100% / 3 - 0.2rem);position:relative;aspect-ratio:1/1;overflow:hidden;}
.smworks li img{object-position:center;width:100%;height:100%;object-fit:cover;}
.contactform input,.contactform textarea{display:block;width:100%;padding:1rem;margin:0 0 1rem;background:var(--white-op-3);border:0;color:var(--white-op-1);border-radius:0;}
.contactform .formsender{background:transparent;color:var(--white-op-1);font-family:var(--oswald);font-size:1.3rem;border:1px solid var(--white-op-2);transition:.3s;}
.contactform .formsender:hover{background:var(--txtacl);color:var(--dark-op-1);font-family:var(--oswald);font-size:1.3rem;border:1px solid var(--txtacl);}
.alert-success.dmode{background:var(--successalert);color:var(--success);border:0;}
.alert-danger.dmode{background:var(--dangeralert);color:var(--danger);border:0;}
@media(min-width:1921px){main .content{width:100%;width:calc(100% / 2.5);}
}
@media(max-width:1700px){main{display:block;overflow-y:auto;}
main .content{width:100%;height:auto;flex-direction:unset;flex-wrap:wrap;}
.portfolio .item{width:calc(100% / 2);}
.seperator{width:100%;}
}
@media(max-width:992px){header .navbar-toggler{position:absolute;top:2rem;right:2rem;}
header .navbar-toggler span{font-size:var(--fs-mx);}
header nav{display:none;}
header{width:100%;height:auto;}
main{width:100%;left:0;top:100px;}
}
@media(max-width:768px){main .content{padding:2rem;}
.experience .item{flex-wrap:wrap;}
.content.knowledge .experience .item .info{flex:1 1 calc(100% - 96px);}
.content.knowledge .experience .item .data{flex:1 1 100%;}
.logo img{max-width: 140px;}
header .navbar-toggler{position:absolute;top:1rem;right:1rem;}
main{top:88px;}
}
@media(max-width:525px){.portfolio .item .info,.smworks li a{font-size:var(--fs-sm);}
.skill-list ul{column-count:2;}
}
@media(max-width:414px){.skill-list ul{column-count:1;}
} 

/* contact form */
.contactform .hp{position:absolute!important;left:-9999px;width:1px!important;height:1px;opacity:0;pointer-events:none;}
.contactform .formsender{cursor:pointer;}
.contactform .formsender:disabled{opacity:.6;cursor:wait;pointer-events:none;}
.contactform .alert[hidden]{display:none;}
.contactform input.has-error,.contactform textarea.has-error{outline:2px solid var(--danger);outline-offset:0;background:rgba(255,51,119,.08);}