@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Orbitron:wght@400..900&family=Press+Start+2P&family=Roboto:ital,wght@0,100..900;1,100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";.header-medialine{position:absolute;left:20px;top:0;width:32px;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.header-medialine .line{position:relative}.header-medialine .line:before{content:"";position:absolute;width:1px;height:192px;top:0;left:50%;transform:translate(-50%);background-color:#abb2bf}.header-medialine .icons{margin-top:200px;display:flex;flex-direction:column;gap:16px}.header-medialine .icons a{color:#abb2bf;font-size:23px;transition:color .3s ease}.header-medialine .icons a:hover{color:#fff}.header{display:flex;justify-content:center;align-items:center;gap:20px;position:relative}@media (max-width: 1330px){.header .header-medialine{display:none}}.header .header-container{max-width:1224px;width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:100px}.header .header-container .header-logo a{text-decoration:none}.header .header-container .header-logo a h2{color:#fff;font-size:24px;font-weight:700;text-decoration:none;font-size:16px}.header .header-container .header-logo a h2 span{color:#c778dd}.header .header-container .header-links{display:flex;gap:20px;flex-wrap:wrap}@media (max-width: 512px){.header .header-container .header-links{display:none}}.header .header-container .header-links ul{display:flex;justify-content:space-between;align-items:center;list-style:none;flex-wrap:wrap;gap:30px}.header .header-container .header-links ul li{font-size:16px}.header .header-container .header-links ul li a{color:#abb2bf;text-decoration:none;transition:color .3s ease}.header .header-container .header-links ul li a span{color:#c778dd!important}.header .header-container .header-links ul li a:hover{color:#fff}.header .header-container .header-links .language-dropdown .selected-lang{color:#abb2bf;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:500;transition:color .3s ease}.header .header-container .header-links .language-dropdown .selected-lang:hover{color:#fff}.header .header-container .header-links .language-dropdown .dropdown-options{display:none}.header .header-container .hamburger{display:none;cursor:pointer;font-size:20px;color:#abb2bf;z-index:1001;transition:color .3s ease;margin-right:20px}.header .header-container .hamburger:hover{color:#c778dd}@media (max-width: 512px){.header .header-container .hamburger{display:block}}.header .header-container .mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#282c34fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid #C778DD;transition:right .3s ease;z-index:1000;padding:100px 30px 30px}.header .header-container .mobile-menu.active{right:0}.header .header-container .mobile-menu ul{list-style:none;padding:0;margin:0}.header .header-container .mobile-menu ul li{margin:25px 0}.header .header-container .mobile-menu ul li a{color:#abb2bf;text-decoration:none;font-size:18px;display:block;padding:12px 0;transition:color .3s ease;border-bottom:1px solid rgba(171,178,191,.1)}.header .header-container .mobile-menu ul li a span{color:#c778dd;margin-right:8px}.header .header-container .mobile-menu ul li a:hover{color:#fff}.header .header-container .mobile-menu .mobile-lang{margin-top:40px;padding-top:25px;border-top:1px solid rgba(199,120,221,.3)}.header .header-container .mobile-menu .mobile-lang span{color:#abb2bf;margin-right:20px;cursor:pointer;font-size:16px;font-weight:500;transition:color .3s ease}.header .header-container .mobile-menu .mobile-lang span:hover{color:#c778dd}.first-container{max-width:1224px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:20px 0 0}@media (max-width: 910px){.first-container{justify-content:center;align-items:center}}@media (max-width: 320px){.first-container{padding:15px 10px 0}}.first-container .first-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:0}@media (max-width: 425px){.first-container .first-text{align-items:center}}@media (max-width: 320px){.first-container .first-text{gap:15px;text-align:center}}.first-container .first-text h1{color:#fff;font-weight:semi-bold;font-size:32px;line-height:auto}@media (max-width: 425px){.first-container .first-text h1{font-size:25px}}@media (max-width: 320px){.first-container .first-text h1{font-size:22px;line-height:1.3}}.first-container .first-text h1 span{color:#c778dd}.first-container .first-text p{color:#abb2bf;font-size:16px;line-height:25px}@media (max-width: 425px){.first-container .first-text p{font-size:14px}}@media (max-width: 375px){.first-container .first-text p{font-size:12px}}@media (max-width: 320px){.first-container .first-text p{font-size:11px;line-height:18px;padding:0 5px}}.first-container .first-text .contact-btn{margin-top:20px;background-color:transparent;border:1px solid #C778DD;padding:10px 20px;width:148px;height:37px;color:#fff;font-weight:700;position:relative;overflow:hidden;transition:all .3s ease;z-index:1;cursor:pointer}@media (max-width: 320px){.first-container .first-text .contact-btn{width:130px;height:34px;padding:8px 16px;font-size:13px;margin-top:15px}}.first-container .first-text .contact-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#c778dd;transition:left .3s ease;z-index:-1}@media (max-width: 700px){.first-container .first-text .contact-btn:before{display:none}}.first-container .first-text .contact-btn:hover:before{left:0}.first-container .first-image{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}@media (max-width: 320px){.first-container .first-image{margin-top:20px}}.first-container .first-image img{max-width:450px;max-height:450px}@media (max-width: 425px){.first-container .first-image img{max-width:300px;max-height:300px}}@media (max-width: 320px){.first-container .first-image img{max-width:260px;max-height:260px}}.first-container .first-image .fi-text{display:flex;flex-direction:row;align-items:center;justify-content:left;border:1px solid #ABB2BF;padding:10px 15px;gap:20px;color:#abb2bf;position:absolute;width:100%;bottom:0}@media (max-width: 425px){.first-container .first-image .fi-text{font-size:11px;padding:3px 6px}}@media (max-width: 320px){.first-container .first-image .fi-text{font-size:9px;padding:2px 4px;gap:8px}}.first-container .first-image .fi-text span{color:#fff}.first-container .first-image .fi-text .square{position:relative}.first-container .first-image .fi-text .square:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);background-color:#c778dd;width:10px;height:10px}@media (max-width: 425px){.first-container .first-image .fi-text .square:after{width:6px;height:6px;transform:translateY(-64%)}}@media (max-width: 320px){.first-container .first-image .fi-text .square:after{width:4px;height:4px;left:1px;transform:translateY(-50%)}}.quote-container{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px;color:#fff;font-weight:600;position:relative}@media (max-width: 512px){.quote-container{padding:50px;font-size:14px}}@media (max-width: 425px){.quote-container{padding:30px;font-size:10px}}.quote-container:before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:91px;height:91px;border:1px solid #ABB2BF;border-right:none;z-index:-1}@media (max-width: 1440px){.quote-container:before{display:none}}.quote-container .quote-box{border:1px solid #ABB2BF;padding:20px;position:relative}.quote-container .quote-box .quote{position:absolute;top:-16px;left:10px;font-size:24px;padding:0 10px;color:#abb2bf;background-color:#282c33}.quote-container .attribution{border:1px solid #ABB2BF;padding:15px 20px;align-self:center;position:absolute;bottom:-53px;right:-1px}@media (max-width: 375px){.quote-container .attribution{bottom:-45px}}.quote-container .attribution .quote{position:absolute;top:-16px;left:10px;font-size:24px;padding:0 10px;color:#abb2bf;background-color:#282c33}.project-card{width:330px;height:auto;border:1px solid #ABB2BF;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .5s ease}.project-card:hover{transform:translateY(-10px)}.project-card .project-image{width:100%;height:200px;border-bottom:1px solid #ABB2BF}.project-card .project-image img{width:100%;height:100%;image-rendering:-webkit-optimize-contrast;filter:contrast(1.05) brightness(1.02);backface-visibility:hidden;transform:translateZ(0)}.project-card .project-details .project-techs h5{border-bottom:1px solid #ABB2BF;padding:10px;font-size:16px;font-weight:400;color:#abb2bf}.project-card .project-details .project-content{padding:10px;display:flex;gap:10px;flex-direction:column}.project-card .project-details .project-content h3{font-size:24px;font-weight:medium;color:#fff}.project-card .project-details .project-content p{font-size:16px;color:#abb2bf}.project-card .project-details .project-content a{color:#abb2bf;text-decoration:none;padding:15px 20px;border:1px solid #ABB2BF;display:flex;align-items:center;justify-content:center;align-self:center;margin:10px;transition:all .3s ease}.project-card .project-details .project-content a .arrow-icon{margin-left:5px}.project-card .project-details .project-content a:hover{border:1px solid #C778DD;color:#fff}.projects{position:relative}.projects .projects-container{max-width:1224px;margin:0 auto;padding:0 20px;position:relative;display:flex;flex-direction:column;gap:40px}.projects .projects-container .projects-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.projects .projects-container .projects-header h2{color:#fff;font-weight:400;font-size:32px;line-height:auto;position:relative}.projects .projects-container .projects-header h2 span{color:#c778dd}.projects .projects-container .projects-header h2:after{content:"";position:absolute;height:1px;background-color:#c778dd;top:54%;transform:translateY(-54%);left:calc(100% + 16px);width:calc(100vw - 100% - 200px);max-width:600px;min-width:50px}@media (max-width: 1400px){.projects .projects-container .projects-header h2:after{width:calc(100vw - 100% - 180px);max-width:400px}}@media (max-width: 1024px){.projects .projects-container .projects-header h2:after{width:calc(100vw - 100% - 150px);max-width:250px}}@media (max-width: 768px){.projects .projects-container .projects-header h2:after{width:calc(100vw - 100% - 120px);max-width:150px}}@media (max-width: 700px){.projects .projects-container .projects-header h2:after{display:none}}.projects .projects-container .projects-header a{color:#fff;text-decoration:none;position:relative;transition:color .3s ease-in-out}.projects .projects-container .projects-header a:hover{color:#abb2bf}.projects .projects-container .projects-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:flex-start}@media (max-width: 910px){.projects .projects-container .projects-list{align-items:normal}}.projects:after{content:". .\a. .\a. .\a. .\a. .";white-space:pre;color:#abb2bf;position:absolute;top:50%;transform:translateY(-50%);left:0}@media (max-width: 1440px){.projects:after{display:none}}.projects:before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:91px;height:91px;border:1px solid #ABB2BF;border-right:none;z-index:-1}@media (max-width: 1440px){.projects:before{display:none}}.skills-container{max-width:1224px;margin:0 auto;position:relative;display:flex;flex-direction:column}.skills-container .skills{max-width:1224px;margin:0 auto;padding:0 20px;position:relative;display:flex;flex-direction:column;gap:40px}@media (max-width: 1112px){.skills-container .skills{gap:0px}}.skills-container .skills .skills-title{padding:20px 0}@media (max-width: 910px){.skills-container .skills .skills-title{padding:0}}.skills-container .skills .skills-title h2{color:#fff;font-weight:400;font-size:32px;line-height:auto;position:relative}.skills-container .skills .skills-title h2 span{color:#c778dd}.skills-container .skills .skills-title h2:after{content:"";position:absolute;height:1px;background-color:#c778dd;width:300px;left:150px;top:50%;transform:translateY(-50%)}@media (max-width: 700px){.skills-container .skills .skills-title h2:after{display:none}}.skills-container .skills .skills-content{display:flex;justify-content:center;align-items:flex-start;padding:20px 0;width:100%}@media (max-width: 910px){.skills-container .skills .skills-content{padding:0}}@media (max-width: 512px){.skills-container .skills .skills-content{flex-direction:column;gap:10px;align-items:center}}.skills-container .skills .skills-content .skills-left-side{flex:0 0 auto}@media (max-width: 768px){.skills-container .skills .skills-content .skills-left-side{align-self:center}}.skills-container .skills .skills-content .skills-left-side img{width:100%;height:auto;max-width:349px}@media (max-width: 1112px){.skills-container .skills .skills-content .skills-left-side img{max-width:280px}}@media (max-width: 425px){.skills-container .skills .skills-content .skills-left-side img{display:none}}.skills-container .skills .skills-content .skills-right-side{flex:1;display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:16px}@media (max-width: 512px){.skills-container .skills .skills-content .skills-right-side{justify-content:center}}.skills-container .skills .skills-content .skills-right-side .skills-right-side-content{width:180px;height:auto;border:1px solid #ABB2BF;background-color:transparent;padding:10px}.skills-container .skills .skills-content .skills-right-side .skills-right-side-content h3{color:#fff;font-size:16px;font-weight:semibold;border-bottom:1px solid #ABB2BF}.skills-container .skills .skills-content .skills-right-side .skills-right-side-content p{color:#abb2bf;font-size:16px}.aboutme{position:relative}.aboutme .aboutme-container{max-width:1224px;margin:0 auto;padding:0 20px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px}@media (max-width: 1112px){.aboutme .aboutme-container{gap:0px}}@media (max-width: 910px){.aboutme .aboutme-container{justify-content:center}}.aboutme .aboutme-container .aboutme-leftside{display:flex;flex-direction:column}.aboutme .aboutme-container .aboutme-leftside .aboutme-header{padding:20px 0}.aboutme .aboutme-container .aboutme-leftside .aboutme-header h2{color:#fff;font-weight:400;font-size:32px;position:relative}.aboutme .aboutme-container .aboutme-leftside .aboutme-header h2 span{color:#c778dd}.aboutme .aboutme-container .aboutme-leftside .aboutme-header h2:after{content:"";position:absolute;height:1px;background-color:#c778dd;width:300px;left:190px;top:50%;transform:translateY(-50%)}@media (max-width: 700px){.aboutme .aboutme-container .aboutme-leftside .aboutme-header h2:after{display:none}}.aboutme .aboutme-container .aboutme-leftside .aboutme-content{display:flex;flex-direction:column;gap:40px;max-width:600px;color:#abb2bf}@media (max-width: 1112px){.aboutme .aboutme-container .aboutme-leftside .aboutme-content{max-width:none;gap:10px}}.aboutme .aboutme-container .aboutme-leftside .aboutme-content p{font-size:16px;line-height:1.8}@media (max-width: 1112px){.aboutme .aboutme-container .aboutme-leftside .aboutme-content p{font-size:14px}}.aboutme .aboutme-container .aboutme-leftside .aboutme-content a{color:#fff;text-decoration:none;font-size:16px;font-weight:500;padding:10px 20px;border:1px solid #C778DD;width:fit-content;transition:background-color .3s ease-in}@media (max-width: 1112px){.aboutme .aboutme-container .aboutme-leftside .aboutme-content a{font-size:14px}}.aboutme .aboutme-container .aboutme-leftside .aboutme-content a:hover{background-color:#c778dd}.aboutme .aboutme-container .aboutme-rightside .aboutme-img img{width:100%;height:auto;max-width:450px}@media (max-width: 1112px){.aboutme .aboutme-container .aboutme-rightside .aboutme-img img{max-width:350px}}.aboutme:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:91px;height:91px;border:1px solid #ABB2BF;border-left:none}@media (max-width: 1440px){.aboutme:after{display:none}}.aboutme:before{content:". . . .\a. . . .\a. . . .\a. . . .\a. . . .";position:absolute;top:50%;right:0;transform:translateY(-50%);border-right:none;white-space:pre;color:#abb2bf}@media (max-width: 1440px){.aboutme:before{display:none}}.contacts{position:relative}.contacts .contacts-container{max-width:1224px;margin:0 auto;padding:20px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px}.contacts .contacts-container .contacts-leftside{max-width:510px}.contacts .contacts-container .contacts-leftside .contacts-header{padding:20px 0}.contacts .contacts-container .contacts-leftside .contacts-header h2{color:#fff;font-weight:400;font-size:32px;position:relative}.contacts .contacts-container .contacts-leftside .contacts-header h2 span{color:#c778dd}.contacts .contacts-container .contacts-leftside .contacts-header h2:after{content:"";position:absolute;height:1px;background-color:#c778dd;width:300px;left:190px;top:50%;transform:translateY(-50%)}@media (max-width: 700px){.contacts .contacts-container .contacts-leftside .contacts-header h2:after{display:none}}.contacts .contacts-container .contacts-leftside .contacts-content{color:#abb2bf;font-size:16px}.contacts .contacts-container .contacts-rightside{border:1px solid #ABB2BF;align-self:flex-end;padding:16px;color:#abb2bf}@media (max-width: 910px){.contacts .contacts-container .contacts-rightside{margin:0 auto}}.contacts .contacts-container .contacts-rightside h3{font-weight:600;font-size:16px;color:#fff;margin-bottom:10px}.contacts .contacts-container .contacts-rightside .contact-item{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:10px}.contacts .contacts-container .contacts-rightside .contact-item span{color:#abb2bf}.contacts .contacts-container .contacts-rightside .contact-item svg{width:20px;height:20px}.footer{margin-top:100px;border-top:1px solid #ABB2BF}.footer .footer-container{max-width:1224px;margin:0 auto;padding:20px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer .footer-container .footer-leftside{display:flex;flex-direction:column;justify-content:center;gap:30px}.footer .footer-container .footer-leftside .footer-logo{display:flex;flex-direction:row;gap:20px}.footer .footer-container .footer-leftside .footer-logo a h2{font-size:16px;color:#fff}.footer .footer-container .footer-leftside .footer-logo a h2 span{color:#c778dd}.footer .footer-container .footer-leftside .footer-logo p{color:#abb2bf;font-size:16px}.footer .footer-container .footer-leftside .footer-text{color:#abb2bf;font-size:16px;line-height:25px}.footer .footer-container .footer-rightside{align-self:flex-end}.footer .footer-container .footer-rightside .footer-links{display:flex;flex-direction:column;gap:10px;color:#fff}.footer .footer-container .footer-rightside .footer-links h3{color:#fff;font-size:24px;margin-bottom:10px}.footer .footer-container .footer-rightside .footer-links .footer-media{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center}.footer .footer-container .footer-rightside .footer-links .footer-media a{color:#abb2bf;font-size:21px;transition:color .3s ease}.footer .footer-container .footer-rightside .footer-links .footer-media a:hover{color:#fff}.footer .footer-copyright{text-align:center;padding:10px;color:#abb2bf;font-size:16px}*{padding:0;margin:0;font-family:Fira Code,monospace}body{background-color:#282c33}