body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#000;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#fff;text-align:center;background-color:#000;min-height:100vh;font-family:eurostile,sans-serif;position:relative}.App.white-mode{color:#000;background:#f0f8ff}.App .section-home{height:90vh;padding:7rem 5rem 0}.App .scroll-sentinel{pointer-events:none;width:100%;height:1px}.App .App-scroll{color:#fff;flex-direction:column;align-items:center;width:100%;transition:transform .5s ease-in-out;display:flex;position:fixed;bottom:0;left:0}.App .App-scroll .scroll-downs{width:34px;height:55px;margin:auto;position:absolute;bottom:0;left:0;right:0}.App .App-scroll .scroll-downs .mousey{opacity:.75;box-sizing:content-box;border:2px solid #fff;border-radius:25px;width:3px;height:30px;padding:10px 15px}.App .App-scroll .scroll-downs .mousey.white-mode{border-color:#000}.App .App-scroll .scroll-downs .mousey .scroller{background-color:#fff;border-radius:25%;width:3px;height:10px;animation-name:scroll;animation-duration:2.2s;animation-timing-function:cubic-bezier(.15,.41,.69,.94);animation-iteration-count:infinite}.App .App-scroll .scroll-downs .mousey .scroller.white-mode{background:#000}@keyframes scroll{0%{opacity:0}10%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}.App .section-about{padding:0 5rem 3rem}.App .section-skills{padding:3rem 5rem}.App .section-project{padding:0 0 1rem}@media (max-width:768px){.App .section-about{padding:3rem 0}.App .section-skills{padding:3rem .5rem}.App .section-project{padding:3rem 0}}@media (max-height:768px){.App .App-scroll{display:none}}.home{flex-direction:column;display:flex}.home .home-header{margin:0 0 15px}.home .peter{width:150px;height:250px;margin:auto auto 15px;padding:5rem 0}.home .home-contact-button{color:#fff;cursor:pointer;background-color:#ff9c19;border:none;border-radius:20px;width:8rem;margin:auto;padding:10px 20px;font-size:13px;transition:background-color .3s;position:relative;overflow:hidden}.home .home-contact-button:hover{background-color:#d98507}.sidebar{background-color:#ff9c19;border-radius:0 5px 5px 0;flex-direction:column;align-items:center;padding:.7rem 3px;display:flex;position:absolute;top:23rem;left:0;box-shadow:2px 2px 5px #0000001a}.sidebar .sidebar-item{border-radius:8px;padding:.7rem 0;transition:background-color .4s}.sidebar .sidebar-item .sidebar-href{padding:1rem;text-decoration:none}.sidebar .sidebar-item .sidebar-href .sidebar-href__image{width:30px}.sidebar .sidebar-item:hover{background-color:#d98507}@media (max-width:1024px){.sidebar{display:none}}.about{flex-direction:column;display:flex}.about .about-text{text-align:left;margin:0 0 15px;padding:0 20%;line-height:1.5}.about .about-text .about-text--body{font-size:18px}@media (max-width:768px){.about .about-text{padding:0 10%}}.skills{max-width:1344px;margin:auto}.skills .skills-box{color:#fff;background-color:#383838;border-radius:12px;padding:0}.skills .skills-box.white-mode{color:#000;background:#fff;border-color:#000}.skills .skills-box .skills-box--columns{justify-content:center;margin-left:0;margin-right:0;display:flex}.skills .skills-box .skills-box--columns .skills-box__content:first-child{border-right:1px solid #e6ecf8}.skills .skills-box .skills-box--columns .skills-box__content{width:100%;padding:70px 45px}.skills .skills-box .skills-box--columns .skills-box__content h1{font-weight:500}.skills .skills-box .skills-box--columns .skills-box__content .skills-box__content--icon{background-color:#5be9b9;border-radius:50%;width:-moz-fit-content;width:fit-content;margin:auto;padding:1rem}.skills .skills-box .skills-box--columns .skills-box__content .skills-box__content--text{margin-bottom:2rem;padding:0 10%;font-size:18px}.skills .skills-box .skills-box--columns .skills-box__content .skills-box__content--header{color:#ff9c19}.skills .skills-box .skills-box--columns .skills-box__content .skills-box__content--programming-languages{margin-bottom:2rem}.skills .skills-box .skills-box--columns .skills-box__content ul{padding-inline-start:0;line-height:1.5;list-style:none}@media (max-width:768px){.skills .skills-box .skills-box--columns{display:block}.skills .skills-box .skills-box--columns .skills-box__content:first-child{border-bottom:1px solid #e6ecf8;border-right:#0000}.skills .skills-box .skills-box--columns .skills-box__content{padding:35px 0}}.project{letter-spacing:.3px;flex-direction:column;align-items:center;font-family:eurostile,sans-serif;display:flex}.project .project-header{text-align:center;margin-bottom:2rem;line-height:1.125}.project .project-items-wrapper{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1200px;display:flex}.project .project-item{text-align:center;background-color:#0000;border-radius:8px;justify-content:center;align-items:center;width:525px;height:220px;padding:0;transition:transform .25s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0003}.project .project-item .logo-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project .project-item .item-image{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:opacity .3s}.project .project-item .info-container{color:#fff;opacity:0;text-align:center;background-color:#ff9c19;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .3s;display:flex;position:absolute}.project .project-item .info-text{margin:0;padding:0 3rem 1rem}.project .project-item .visit-button{cursor:pointer;background-color:#f0f0f0;border:none;border-radius:8px;padding:10px 20px}.project .project-item .visit-button .visit-button__icon{vertical-align:text-bottom;width:16px}.project .project-item .visit-button:hover{background-color:#e0e0e0}.project .project-item:hover .item-image{opacity:0}.project .project-item:hover .info-container{opacity:1}@media (max-width:768px){.project{padding:2rem 0}.project .project-items-wrapper{flex-direction:column;align-items:center;gap:1.5rem}.project .project-item{width:85%;height:160px}}.navbar{color:#fff;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.navbar .navbar-logo--place,.navbar .navbar-logo--place .navbar-logo{max-height:60px}.navbar .navbar-right{align-items:center;display:flex}.navbar .navbar-right .navbar-controls{gap:20px;display:flex}.navbar .navbar-right .navbar-controls .navbar-resume-button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:15px;margin-top:15px;padding:8px 15px;font-size:13px}.navbar .navbar-right .navbar-controls .navbar-resume-button:hover{color:#1d1d2a;background-color:#fff}.navbar .navbar-right .navbar-controls .navbar-resume-button:hover.white-mode{color:#fff;background-color:#000}.navbar .navbar-right .navbar-controls .navbar-resume-button.white-mode{color:#000;border-color:#000}.navbar .navbar-right .navbar-controls .navbar-language-toggle{margin-top:15px}.language-toggle{cursor:pointer;border-radius:20px;align-items:center;width:60px;height:40px;margin-left:auto;transition:background-color .4s;display:flex}.language-toggle .flag{border-radius:20px;width:60px;height:40px;margin:0;display:inline-block;top:50%;transform:translateY(-50%)}.language-toggle .flag.tr{background:url(/assets/turkish-flag-qNAv_cE2.jpg) 50% 75%/70%;position:relative}.language-toggle .flag.en{background:url(/assets/english-flag-BFayqBIp.png) 50%/270%;position:relative}label{cursor:pointer;border-radius:20px;width:65px;height:30px;transition:all .3s;display:block;position:relative;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6}label .sun{fill:#fff;z-index:100;transition:all .3s;position:absolute;top:5px;left:38.5px}label .moon{fill:#7e7e7e;z-index:100;transition:all .3s;position:absolute;top:4px;left:3px}label:after{content:"";background:linear-gradient(#ffcc89,#d8860b);border-radius:18px;width:25px;height:25px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 5px 10px #0003}input{visibility:hidden;width:0;height:0}input:checked+label{background:linear-gradient(#777,#3a3a3a)}input:not(:checked)+label{background:#ebebeb}input:checked+label:after{background:#4b4b41;left:4px}input:not(:checked)+label:after{background:linear-gradient(#ffcc89,#d8860b);left:61px;transform:translate(-100%)}label,label:after{transition:all .3s}label:hover:after{width:35px}label svg{z-index:100;top:40px}input:checked+label svg.moon{fill:#fff}input:checked+label svg.sun{fill:#4b4b41}.footer{color:#000;background-color:#ff9c19;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.footer .footer__left,.footer .footer__left .footer-logo{max-height:60px}.footer .footer__center{margin-left:13%}.footer .footer__center p{opacity:.8;margin:0}.footer .footer__center p .footer__center-copyright-icon{vertical-align:middle}.footer .footer__right{flex-direction:row;margin-right:65px;display:flex}.footer .footer__right .footer-item{cursor:pointer;border:2px solid #000;border-radius:50%;align-items:center;height:40px;margin-right:2px;padding:0 .7rem;transition:background-color .4s;display:flex}.footer .footer__right .footer-item .footer-href .footer-href__image{filter:grayscale();width:20px;transition:filter .4s}.footer .footer__right .footer-item .footer-href:hover .footer-href__image,.footer .footer__right .footer-item:hover .footer-href__image,.footer .footer__right:hover .footer-href__image{filter:none}.footer .footer__right .footer-item:hover{background-color:#000}.footer .footer__right .footer-item:hover svg path,.footer .footer__right .footer-item:hover a svg path{fill:#fff!important}@media (max-width:768px){.footer{justify-content:center;display:grid}.footer .footer__left{display:none}.footer .footer__center{margin:0 0 10px}.footer .footer__right{justify-content:center;margin-right:0}}