.container{max-width:1200px;padding:0 1.5rem;margin:auto}.container h1,.container p,.container a{position:relative;z-index:1}.container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}.btn-primary,.btn-light,.btn-dark{display:inline-block;padding:0.7rem 2rem;transition:all 0.5s;border:none;cursor:pointer}.btn-primary{color:#333;background-color:#eebc71}.btn-light{color:#333;background-color:rgba(238,238,238,0.945098)}.btn-dark{color:#fff;background-color:#444}button[class^="btn-"]:hover,a[class^="btn-"]:hover,input[class^="btn-"]:hover{background-color:#eebc71}.bg-dark{background-color:#444}.bg-light{background-color:rgba(238,238,238,0.945098)}.bg-primary{background-color:#eebc71}.py-1{padding:1rem 0}.py-2{padding:1.5rem 0}.py-3{padding:2rem 0}.py-4{padding:3rem 0}.py-5{padding:4rem 0}.my-1{margin:1rem 0}.my-2{margin:1.5rem 0}.my-3{margin:2rem 0}.my-4{margin:3rem 0}.my-5{margin:4rem 0}.text-center{text-align:center}.section-title{font-size:2rem;padding-bottom:1rem;text-transform:uppercase}.border-bottom{height:3px;width:3rem;background-color:#eebc71;margin:0rem auto}.lead{font-size:1.2rem;margin-bottom:2rem;word-spacing:2px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#ffffff;font-family:"Prompt", sans-serif;line-height:1.5}a{text-decoration:none;color:#444}ul{list-style:none}img{width:100%}#main-footer{background-color:rgba(204,204,204,0.945098);height:5rem}#main-footer .footer-content{display:flex;justify-content:space-between;margin-top:20px;align-items:center;height:5rem}#main-footer .footer-content::before{content:none}#main-footer .footer-content .social-links img{height:45px;width:45px;transition:ease-in-out 0.5s;margin-right:1rem}#main-footer .footer-content .social-links img:hover{transform:scale(1.1)}#home__1 .skills{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;margin-bottom:2.5rem}#home__1 .skills i img{height:100px;width:100px;transition:0.5s ease-in-out}#home__1 .skills i img:hover{scale:1.1;animation:rotate 2s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#home__2 .profile{display:grid;grid-template-columns:repeat(3, 1fr)}#home__2 .profile div{padding:3rem 0}#home__2 .profile div:nth-child(odd){background-color:rgba(204,204,204,0.945098)}#home__2 .profile div:nth-child(even){background-color:#eebc71}#home__2 .profile li.title{font-size:1.5rem}#home__2 .profile li.number{font-size:1.7rem;font-weight:bold}#home__2 .profile li img{height:125px;width:125px}#home__2 .profile li img:hover{scale:1.1;animation:rotate 2s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#home__3 .pro{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;text-align:center}#home__3 .pro .step1{padding:12px;right:-35px}#home__3 .pro__icon{position:relative}#home__3 .pro img{height:125px;width:150px;margin:1.5rem 0;transition:transform 0.5s ease}#home__3 .pro img:hover{animation:bounce 1s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}#home__3 h3{font-size:25px;margin:1rem 0}.main-nav{display:flex;justify-content:space-between;padding-top:1rem}.main-nav__logo{width:100px;height:100px;transform:translateY(-20px);position:relative;z-index:1}.main-nav__items{display:flex}.main-nav__items li{padding:1rem 1.5rem}.main-nav__items li a{text-decoration:none;color:#ffff;text-transform:uppercase;border-bottom:3px transparent solid;padding-bottom:0.6rem;transition:border-color 0.5s}.main-nav__items li a:hover{border-color:#f80000}.main-nav__items li a:active{border-color:#eebc71}#header__home{background:url("../img/bg-deneme1.jpg") no-repeat center center/cover;height:100vh;color:#fff}#header__home .header-content{text-align:center;padding:30%}#header__home .h1{font-size:4rem;line-height:1.3}#header__home .typewrite{display:block}#header__inner{background:url("../img/bg-deneme2.jpg") no-repeat 40% 20%/cover;border-bottom:3px solid #eebc71}#header__inner .container::before{content:none}#projects .container::before{content:none}.items{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;box-shadow:rgba(149,153,145,0.3) 14px 8px 24px}.items .item{position:relative;background-color:rgba(204,204,204,0.945098);overflow:hidden}.items .item::after{content:"";position:absolute;display:block;background-color:#eebc71;opacity:0.7;top:0;left:0;width:100%;height:100%;z-index:1;transform:translateX(-120%) translateY(-120%);transition:transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1)}.items .item:hover::after{transform:translateX(-50%) translateY(-50%)}@media (max-width: 768px){#header__home{height:30rem}#header__home .container::before{content:none}#header__home .header-content{padding:7rem}#header__home .header-content h1{font-size:1.5rem}#home__1 .container::before{content:none}#home__2 .container::before{content:none}#home__3 .container::before{content:none}#home__1 .skills,#home__2 .profile,#home__3 .pro,.items{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 576px){.lead{font-size:1rem;margin-bottom:1.2rem;word-spacing:1px}#header__home{height:10rem;background-position:20% 30%;border-radius:3px solid #eebc71}#header__home .container::before{content:none}#header__home .header-content{display:none}#header__home .header-content h1{font-size:1.5rem}#header__inner{height:11rem}.main-nav{flex-direction:column;align-items:center}.main-nav li{padding:1.1rem}#home__1 .skills,#home__2 .profile,#home__3 .pro,.items,#contact-2 .contact-i{grid-template-columns:1fr !important}#main-footer{height:7rem}#main-footer .footer-content{flex-direction:column}#main-footer .footer-content .social-links{padding-top:1rem}#about-1 .info{grid-template-columns:1fr !important}#contact-1 .form-1{grid-template-areas:"name"
 "email"
 "phone"
 "subject"
 "message"
 "button" !important}}#contact-1 .container::before{content:none}#contact-1 .form-1{display:grid;grid-template-areas:"name email"
 "subject phone"
 "message message"
 "button button";gap:1rem;margin-bottom:1rem}#contact-1 .form-1 .name{grid-area:name}#contact-1 .form-1 .subject{grid-area:subject}#contact-1 .form-1 .phone{grid-area:phone}#contact-1 .form-1 .email{grid-area:email}#contact-1 .form-1 .message{grid-area:message;height:200px}#contact-1 .form-1 .btn-dark{grid-area:button}#contact-1 .form-1 .input{padding:0.7rem 1rem}#contact-2 .container::before{content:none}#contact-2 .contact-i{display:grid;grid-template-columns:repeat(3, 1fr);text-align:center;color:#fff}#contact-2 .contact-i img{height:75px;width:75px;transition:ease-in-out 0.5s}#contact-2 .contact-i img:hover{transform:scale(1.1)}#about-1 .container::before{content:none}#about-1 .info{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}#about-1 .info__image{border:1px solid rgba(204,204,204,0.945098);padding:0.5rem;border-radius:25px}#about-1 .info__bio{border:1px solid rgba(204,204,204,0.945098);padding:0.5rem}#about-2{color:#020202}#about-2 h4{margin:5px 0px}#about-2 .progress{height:20px;background-color:rgba(204,204,204,0.945098);border-radius:5px;margin-bottom:5px}#about-2 .progress div{height:100%;text-align:center;background-color:#eebc71}#about-2 .container::before{content:none}#about-3 .about-logos{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;align-items:center}#about-3 img{width:70%}#about-3 .container::before{content:none}#about-4 .references ul{list-style:none;margin-top:1.3rem;display:flex;align-items:center}#about-4 .references p{border:1px solid rgba(204,204,204,0.945098);border-radius:6px;padding:0.6rem}#about-4 .references img{width:4rem;height:4rem;border-radius:50%;padding-right:0.5rem}#about-4 .container::before{content:none}