:root{--font: "TRIAL Rooftop Regular";--title-font: "Aber Mono", monospace;--primary-color: #c5ff4a;--bg-color: #100f17;--color: #e3e3e3;--padding: 0 140px;--button-text: #100f17}@media screen and (max-width: 768px){:root{--padding: 0 16px}}[data-theme=light]{--primary-color: #7bb500;--bg-color: #eeeeed;--color: #100f17;--button-text: #e3e3e3}h1,h2,h3,h4,h5,h6,p{margin:0;color:var(--color)}label,input,textarea,button{font-family:var(--font)!important}body{margin:0;padding:0;font-family:var(--font);background-color:var(--bg-color);color:var(--font-color);box-sizing:border-box;-webkit-user-select:none;user-select:none}.works-section{padding:0 140px}@font-face{font-family:TRIAL Rooftop Regular;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Regular"),url(/assets/TRIAL_Rooftop-Regular-BF64a6319fae1cf-SkC0lkP0.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Italic;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Italic"),url(/assets/TRIAL_Rooftop-RegularItalic-BF64a6319fb883f-BITT3TUP.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Thin;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Thin"),url(/assets/TRIAL_Rooftop-Thin-BF64a6319faea83-DPA9jeM8.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Thin Italic;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Thin Italic"),url(/assets/TRIAL_Rooftop-ThinItalic-BF64a6319fb5e51-By1jqw0S.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Extralight;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Extralight"),url(/assets/TRIAL_Rooftop-Extralight-BF64a6319fbdb85-Dxd2Q-xV.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Extralight Italic;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Extralight Italic"),url(/assets/TRIAL_Rooftop-ExtralightItalic-BF64a6319fb6429-CJ1_GlCT.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Light;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Light"),url(/assets/TRIAL_Rooftop-Light-BF64a6319f72f60-CnTbCq3K.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Light Italic;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Light Italic"),url(/assets/TRIAL_Rooftop-LightItalic-BF64a6319f7a453-CXRLdxTp.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Book;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Book"),url(/assets/TRIAL_Rooftop-Book-BF64a6319fbda42-DaQpLzFt.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Book Italic;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Book Italic"),url(/assets/TRIAL_Rooftop-BookItalic-BF64a6319faf374-BU8AS4Lo.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Medium;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Medium"),url(/assets/TRIAL_Rooftop-Medium-BF64a6319f707bb-DbcN0zRF.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Medium Italic;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Medium Italic"),url(/assets/TRIAL_Rooftop-MediumItalic-BF64a6319fac887-CBX5gh3C.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Bold;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Bold"),url(/assets/TRIAL_Rooftop-Bold-BF64a6319fb7a91-D3GbWrNM.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Bold Italic;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Bold Italic"),url(/assets/TRIAL_Rooftop-BoldItalic-BF64a6319faed3c-zzoo2OY2.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Extrabold;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Extrabold"),url(/assets/TRIAL_Rooftop-Extrabold-BF64a6319fb5f08-DWLGCLEo.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Extrabold Italic;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Extrabold Italic"),url(/assets/TRIAL_Rooftop-ExtraboldItalic-BF64a6319ef3c3e-BFxERb11.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Mono Regular;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Mono Regular"),url(/assets/TRIAL_RooftopMono-Regular-BF64a631eb06ecd-3YC_bhPg.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Mono Medium;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Mono Medium"),url(/assets/TRIAL_RooftopMono-Medium-BF64a631eb207ce-COhUnP64.woff) format("woff")}@font-face{font-family:TRIAL Rooftop Mono Bold;font-style:normal;font-weight:400;src:local("TRIAL Rooftop Mono Bold"),url(/assets/TRIAL_RooftopMono-Bold-BF64a631eb207d5-sBk5FS7U.woff) format("woff")}@font-face{font-family:Aber Mono;font-style:normal;font-weight:400;src:local("Aber Mono Regular"),url(/assets/Aber-Mono-Regular-YMWNncct.woff2) format("woff2"),url(/assets/Aber-Mono-Regular-fAk7zX-p.woff) format("woff"),url(/assets/Aber-Mono-Regular-BvMdIx8i.otf) format("opentype")}@font-face{font-family:Aber Mono;font-style:normal;font-weight:700;src:local("Aber Mono Bold"),url(/assets/Aber-Mono-Bold-CYUlzAsv.woff2) format("woff2"),url(/assets/Aber-Mono-Bold-Q-yTFP_q.woff) format("woff"),url(/assets/Aber-Mono-Bold-Btw-s9cP.otf) format("opentype")}@font-face{font-family:Aber Mono;font-style:normal;font-weight:300;src:local("Aber Mono Light"),url(/assets/Aber-Mono-Light-CdozLtLH.woff2) format("woff2"),url(/assets/Aber-Mono-Light-CuQYEk0E.woff) format("woff"),url(/assets/Aber-Mono-Light-D43yaG8L.otf) format("opentype")}.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media (max-width: 640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d;background-color:var(--primary-color)}.tilted-card-img{position:absolute;bottom:0;left:0;object-fit:cover;will-change:transform;transform:translateZ(0)}.tilted-card-overlay{position:absolute;top:0;left:0;z-index:2;will-change:transform;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3}.window-head-wrapper{background-color:#000}.window-head{display:flex;justify-content:space-between;padding:16px 22px}.window-head-wrapper p{font-family:var(--title-font);font-size:18px;font-weight:700;line-height:21.6px;color:#494949}.window-head-icons{display:flex;gap:10px}.banner-section{display:flex;align-items:center;justify-content:center;gap:100px;color:var(--color);height:calc(100dvh - 93px)}@media screen and (max-width: 768px){.banner-section{flex-direction:column;gap:0px;height:100%;padding:40px 16px}}.banner-title img{width:100%;max-width:407px}.banner-about-me{display:flex;flex-direction:column;gap:24px}@media screen and (max-width: 768px){.banner-about-me{align-items:center}}.banner-section .banner-about-me-summery{font-size:16px;font-weight:400;line-height:32px}.to-bottom{width:60px;height:60px;cursor:pointer}.works-cards{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:32px;width:100%}.works-card{width:calc(50% - 32px);display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 768px){.works-card{width:calc(100% + -0px)}}.works-card .thumbnail{border-radius:16px;width:100%;height:100%;cursor:pointer;overflow:hidden}.works-card img{transition:scale .3s ease;width:100%;height:100%;border:1px solid #494949;border-radius:16px;object-fit:cover;scale:1}.works-card:hover img{scale:1.1}.works-techs{display:flex;flex-wrap:wrap;gap:16px}.works-tech{text-transform:capitalize;background-color:transparent;border-radius:46px;border:1px solid var(--color);color:var(--color);padding:8px 16px;display:flex;align-items:center;gap:10px;transition:.5s ease;font-family:var(--font);font-size:clamp(12px,2vw,14px);font-weight:400;line-height:16.8px}@media screen and (max-width: 768px){.works-tech{padding:6px 14px}}.works-tech:not(.disable):hover{background-color:var(--color);border:1px solid var(--color);color:#000;box-shadow:1px 2px 32px 5px #ffffff40}.work-detail{padding:140px 140px 0;display:flex;flex-direction:column;gap:80px}@media screen and (max-width: 768px){.work-detail{padding:80px 16px;gap:40px}}.work-detail p{font-size:16px;font-size:clamp(14px,4vw,16px);font-weight:400;line-height:32px}.work-detail-btns{display:flex;align-items:center;gap:16px}.banner-content h2{font-size:clamp(32px,4vw,42px);font-weight:450;line-height:50.4px;margin:24px 0}.banner-content p{margin-bottom:32px}.banner-content img{width:100%;object-fit:cover}.works-tech-icons{display:flex;flex-wrap:wrap;gap:32px;width:100%;margin-top:24px}.works-tech-icon{width:77px;height:77px;border-radius:8px;overflow:hidden}.works-tech-icon img{width:100%;height:100%;object-fit:cover}.features-points{margin-top:24px;display:flex;flex-direction:column;gap:16px}.features-point{display:flex;align-items:center;gap:8px}.features-point p{line-height:150%}.works-gallery-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:32px}.works-gallery-1 div,.works-gallery-2{width:100%}.works-gallery img{width:100%;object-fit:cover;border-radius:8px}.more-works-btn{display:flex;align-items:center;gap:10px;cursor:pointer}.more-works-btn p{color:var(--primary-color);font-size:16px;font-weight:400;line-height:19.2px}.works-section{padding:var(--padding)}.about-page{display:flex;padding:140px 140px 0}@media screen and (max-width: 768px){.about-page{padding:40px 16px;flex-direction:column;align-items:center}}.about-profile-wrapper,.about-contents-wrapper{flex:1}.about-contents-wrapper{display:flex;flex-direction:column;gap:140px}@media screen and (max-width: 768px){.about-contents-wrapper{gap:40px}}.about-contents{display:flex;flex-direction:column;gap:24px}.about-content-text{font-family:var(--font);font-size:16px;font-weight:400;line-height:40px;display:flex;flex-direction:column;gap:24px}.skills-section{display:flex;flex-direction:column;gap:60px}.skills-section h2{font-family:var(--title-font);font-size:32px;font-weight:700;line-height:38.4px}.skill-icons{display:flex;flex-wrap:wrap;justify-content:start;gap:32px;width:100%}.skill-icon{display:flex;border-radius:8px;border:1px solid #494949}.skill-icon img{width:77px;height:77px;object-fit:cover;border-radius:8px;border:1px solid #494949}.dark-light-btn{cursor:pointer}.header-section{height:93px;width:100%;display:flex;background-color:var(--bg-color);z-index:999;position:sticky;top:0;left:0}@media screen and (max-width: 768px){.header-section{height:100%;padding:16px 0}}.header-contents{padding:var(--padding);display:flex;justify-content:space-between;align-items:center;width:100%}@media screen and (max-width: 768px){.header-contents{flex-direction:column;gap:16px}}.head-logo{display:flex;align-items:center;gap:8px;font-family:var(--title-font);font-size:24px;font-weight:700;line-height:28.8px;color:var(--color)}.head-logo svg path{fill:var(--primary-color)}.nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px}.nav-links p{font-size:16px;font-weight:400;line-height:19.2px;color:var(--color);cursor:pointer}.nav-links p.active{text-decoration:underline}.footer-section{display:flex;justify-content:center;margin-top:200px;padding:80px}@media screen and (max-width: 768px){.footer-section{padding:24px 16px}}.primary-button{width:fit-content;padding:0 16px;height:40px;background-color:var(--primary-color);cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:10px;text-transform:capitalize;border:none}.primary-button.disabled:hover{cursor:not-allowed}.primary-button p{color:var(--button-text);font-family:var(--font);font-size:16px;font-weight:400;line-height:19.2px}.git-btn{width:fit-content;padding:0 16px;border:1px solid var(--primary-color);border-radius:8px;height:40px;background-color:transparent;display:flex;align-items:center}.git-btn.disabled:hover{cursor:not-allowed}.tech{background-color:red}.inner-banner{width:100%;height:calc(100dvh - 93px);display:flex;align-items:center}.inner-banner .content{position:relative;display:flex;flex-direction:column;gap:12px;width:40%;padding:0 140px}@media screen and (max-width: 768px){.inner-banner .content{width:100%;padding:40px 16px}}.inner-banner h1{font-family:Aber Mono;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:100%;letter-spacing:0%}.inner-banner p{font-weight:400;font-size:clamp(14px,5vw,16px);line-height:32px;letter-spacing:0%}@media screen and (max-width: 768px){.inner-banner p{line-height:22px}}.inner-banner .banner-shade{position:absolute;width:418px;height:351px;top:50%;right:0%;transform:translateY(-50%);background:radial-gradient(circle,#adff2f80,#0000 70%);filter:blur(80px);border-radius:50%;z-index:-1}