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