*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:FiraCode;src:url(./assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Notable;src:url(./assets/fonts/Notable-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Sora Regular;src:url(./assets/fonts/Sora-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Sora ExtraBold;src:url(./assets/fonts/Sora-ExtraBold.ttf) format("truetype");font-weight:800}@font-face{font-family:Sora Light;src:url(./assets/fonts/Sora-Light.ttf) format("truetype");font-weight:300}.wrapper{background-color:#0f1a2a;display:flex;flex-direction:column}.container{display:flex;flex-direction:column;padding:30px 60px;flex:1}.title{font-family:Sora ExtraBold,sans-serif;font-size:36px;font-weight:800;color:#3a86ff;text-align:center}.pageTitle{font-family:Sora ExtraBold,sans-serif;font-size:48px;font-weight:800;color:#fff}.description{font-size:20px;color:#dcdada;font-family:Sora Regular,sans-serif;font-weight:400}.title_scheme{font-family:Sora ExtraBold,sans-serif;font-size:32px;font-weight:800;color:#3a86ff;margin:20px 0}.block{height:100vh;display:flex;flex-direction:column;justify-content:center}.is-scrolled .logo{position:fixed;margin:0;z-index:100;transition:all 1s cubic-bezier(.4,0,.2,1);pointer-events:none}.is-scrolled .logo p{font-size:21px}.logo{position:fixed;z-index:1000;display:flex;align-items:center;gap:10px;top:115px;left:100px;cursor:pointer;transform:translate(0);transition:all .8s cubic-bezier(.4,0,.2,1);pointer-events:auto}.logo .title{font-size:36px;margin:0;transition:all .8s ease;text-wrap:nowrap}.logo .palm_icon{width:40px;height:auto;transition:all .8s ease}.is-scrolled .logo{top:20px;left:calc(100% - 40px);transform:translate(-100%)}.is-scrolled .logo .title{font-size:20px;color:#3a86ff}.is-scrolled .logo .palm_icon{width:24px}a{box-shadow:inset 0 0 #3a86ff;color:#3a86ff;font-family:Sora Light,sans-serif;font-weight:300;margin:0 -.25rem;padding:0 .25rem;text-decoration:none;transition:color .3s ease-in-out,box-shadow .3s ease-in-out;border-radius:10px}a:hover{box-shadow:inset 150px 0 #3a86ff;color:#fff}a:active{box-shadow:inset 350px 0 #0f1a2a;color:#fff}.block_onboarding{position:sticky;top:0;z-index:1;padding:115px 40px}.undertitle{display:flex;align-items:center;gap:10px}.main_title{font-family:Arial,sans-serif;font-size:64px;font-weight:800;color:#dcdada;line-height:.9;margin-bottom:20px}.tabs_scroll_container{height:500vh;position:relative;z-index:10;background-color:#0f1a2a}.sticky_tabs_wrapper{position:sticky;z-index:1;top:0;height:100vh;box-shadow:#0f1a2a 0 0 20px 50px;display:flex;justify-content:space-between;background-color:#0f1a2a;padding:60px;box-sizing:border-box}.tabs_nav{margin-bottom:50px;display:flex}.tabs_nav ul{display:flex;flex-direction:column;gap:30px;list-style:none;line-height:.9;padding:0}.tab_item{opacity:.3;transition:all .5s ease;cursor:pointer}.tab_item.active{opacity:1;color:#3a86ff;transform:scale(1.1)}.tabs_content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.block_tabs{position:sticky;z-index:2}.tab_image{width:95%;height:100%;margin-bottom:20px;border-radius:20px;overflow-y:auto;cursor:ns-resize;transition:all .3s ease;border:3px solid #3A86FF}.tab_image::-webkit-scrollbar{width:12px}.tab_image::-webkit-scrollbar-track{background:transparent;margin:10px}.tab_image::-webkit-scrollbar-thumb{background-color:#3a86ff;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.tabs_content{display:flex;height:100%}.block_resume{display:flex;flex-direction:column;align-items:center;position:sticky;top:0;height:100vh;z-index:2}.resume_reveal_wrapper{position:relative;z-index:1;background-color:#0f1a2a}.block_resume{position:sticky;bottom:0;left:0;width:620px;height:660px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:60px;margin:0 auto}.resume_mac{margin-top:40px;border:1px solid #3A86FF;border-radius:15px;width:100%;height:100%;overflow:hidden}.mac_header{display:flex;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #3A86FF}.mac_buttons{display:flex;gap:8px;align-items:center}.mac_buttons .mac_button{width:13px;height:13px;border-radius:50%}.red{background-color:red}.yellow{background-color:#ff0}.green{background-color:green}.mac_url_bar{display:flex;align-items:center;gap:30px;border-radius:8px;background-color:#38414d;padding:5px 10px}.lock_icon,.reload_icon{width:16px}.url_text{color:#dcdada;font-size:12px;font-family:Sora Regular,sans-serif;font-weight:400}.download_button{display:flex;align-items:center;gap:10px;background-color:transparent;border:none;padding:5px 10px;cursor:pointer;transition:all .3s ease}.download_button:hover{box-shadow:none}.download_button:active{margin-top:-5px;transition:all .3s ease}.mac_body{padding:0 10px 10px;width:100%;height:100%}.mac_placeholders{width:100%;height:100%;display:flex;margin-bottom:30px;justify-content:space-between}.placeholders_long_container{width:60%;height:100%;display:flex;flex-direction:column}.placeholders_short_container{width:40%;height:100%;display:flex;flex-direction:column}.placeholder_short_item,.placeholder_long_item{width:90%;display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.placeholder_item{height:13px;border-radius:5px;background-color:#d9d9d926}.long_item_line1,.short_item_line1{width:100%}.long_item_line2,.short_item_line2{width:80%}.long_item_line3,.short_item_line3{width:60%}footer{display:flex;flex-direction:column;align-items:center;background-color:#0f1a2a;z-index:1;padding-top:115px}.footer_links{margin:40px 0}.footer_links ul{display:flex;gap:40px;padding:0}.footer_links li{font-family:Sora Light,sans-serif;font-weight:300;font-size:32px;color:#3a86ff;list-style:none}.creators{color:#dcdada;font-size:13px;font-family:Sora Regular,sans-serif;text-align:center;margin:0 auto}.aboutme_content{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:center;justify-items:right}.aboutme_image{width:330px;height:390px;border-radius:20px;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.aboutme_pojects{margin-top:60px;margin-bottom:115px}.aboutMeProjects_list{display:flex;justify-content:center;gap:50px;margin-top:60px}.aboutMeProjects_list .listItem{border:1px solid #3A86FF;border-radius:15px;padding:90px 10px 20px;text-align:center;width:230px;cursor:pointer;transition:all .3s ease;background:url(/assets/snowflake_small-ccGt-9ws.svg) no-repeat right 10px top 10px}.aboutMeProjects_list .listItem:hover{box-shadow:#3a86ff 10px 8px;transition:all .3s ease}.aboutMeProjects_list .listItem:active{box-shadow:none;transition:all .3s ease}.aboutMeProjects_list .listItem .itemTitle{font-family:Sora ExtraBold;font-weight:800;font-size:24px;color:#fff}.aboutMeProjects_list .listItem .itemDescription{font-family:Sora Regular;font-weight:400;font-size:14px;margin-top:10px;color:#fff}.aboutme_skills{margin-top:60px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.aboutme_skills p{display:inline-block;width:80%}.aboutme_skills p span{color:#3a86ff}.goalsSpace{position:relative;width:100%;min-height:1050px;margin-top:40px;margin-bottom:280px}.goalItem{position:absolute;width:120px;padding:10px;background:#0f1a2acc;border:1px solid #3A86FF;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;z-index:1}.goalItem:active{cursor:grabbing}.goalItem.done{border-color:#4ade80;background:#4ade800d;box-shadow:0 0 20px #4ade8033}.goalItem .itemTitle{font-family:Sora ExtraBold,sans-serif;font-weight:800;font-size:16px;color:#3a86ff;margin-bottom:10px}.goalItem.done .itemTitle{color:#4ade80;text-decoration:line-through;opacity:.7}.goalItem .itemDescription{font-family:Sora Regular,sans-serif;font-weight:400;font-size:12px;color:#dcdada;line-height:1.4}.statusText{font-family:Sora Light,sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:1px;margin-top:12px;color:#4ade80;opacity:.8}.wrapper{display:flex;flex-direction:column;min-height:100vh}.container{flex:1;display:flex;flex-direction:column}.project-page-container{flex:1;display:flex;flex-direction:column;background-attachment:fixed}.projects_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;flex:1}.project_card{background:#0f1a2a99;border:1px solid rgba(58,134,255,.3);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;display:flex;flex-direction:column}.project_card:hover{transform:translateY(-10px);border-color:#3a86ff;box-shadow:0 15px 40px #3a86ff33}.project_card .itemTitle{font-family:Sora ExtraBold,sans-serif;font-size:26px;color:#3a86ff;margin-bottom:15px}.project_card .itemDescription{color:#dcdada;font-family:Sora Regular;font-size:15px;line-height:1.6;margin-bottom:20px;flex-grow:1}.project_tech_list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.tech_tag{background:#3a86ff1a;color:#3a86ff;padding:4px 12px;border-radius:20px;font-size:12px;font-family:Sora Light,sans-serif;border:1px solid rgba(58,134,255,.3)}.project_link{display:inline-block;color:#fff;font-family:Sora Regular,sans-serif;font-size:14px;text-decoration:none;border-bottom:1px solid #3A86FF;width:fit-content;padding-bottom:2px;transition:all .3s ease}.project_link:hover{color:#fff;border-color:#fff}.experience_container{display:flex;flex-direction:column;align-items:center}.mac_tabs{display:flex;margin-left:20px}.mac_tab{padding:5px 20px;background:#3a86ff0d;border-right:1px solid rgba(58,134,255,.2);cursor:pointer;font-family:FiraCode,monospace;font-size:12px;color:#dcdada;transition:all .3s ease;border-bottom:2px solid transparent;border-radius:10px 10px 0 0}.mac_tab.active{background:#3a86ff26;color:#3a86ff;border-bottom:2px solid #3A86FF}.code_editor{display:flex;padding:20px!important;font-family:FiraCode,monospace;font-size:14px;line-height:1.6;background-color:transparent}.line_numbers{display:flex;flex-direction:column;text-align:right;padding-right:20px;color:#484f58;-webkit-user-select:none;user-select:none;border-right:1px solid #21262d}.code_content{padding-left:20px;text-align:left}.indent{padding-left:20px}.keyword{color:#ff7b72}.variable{color:#d2a8ff}.key{color:#79c0ff}.string{color:#a5d6ff}.comment{color:#8b949e;font-style:italic}.experienceMac{width:100%;max-width:700px;height:auto!important;min-height:300px}.marquee{width:100%;overflow:hidden;padding:50px 0;position:relative;-webkit-mask-image:linear-gradient(to right,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(to right,#0000,#000 20% 80%,#0000)}.marquee_track{display:flex;width:max-content;flex-wrap:nowrap;animation:scroll_infinite 15s linear infinite}.marquee_item{padding:0 40px;flex-shrink:0}.marquee_item img{width:60px;height:60px;filter:grayscale(1);opacity:.4;transition:all .3s ease}.marquee_item img:hover{filter:grayscale(0);opacity:1;transform:scale(1.2)}@keyframes scroll_infinite{0%{transform:translate(0)}to{transform:translate(-50%)}}.contacts_page{flex:1;display:flex;flex-direction:column;align-items:center}.contacts_intro{max-width:600px;text-align:center;margin-bottom:50px;margin-top:20px}.contactsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;width:100%;max-width:900px;margin:0 auto 80px;justify-content:center}.contactCard{display:flex;align-items:center;gap:20px;padding:20px 30px;background:#3a86ff08;border:1px solid rgba(58,134,255,.1);border-radius:20px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.contactCard:hover{background:#3a86ff14;border-color:#3a86ff;transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #3a86ff26}.contactIcon_wrapper{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#0f1a2a80;border-radius:12px;border:1px solid rgba(220,218,218,.1)}.contactIcon{width:28px;height:28px;filter:brightness(0) invert(1);opacity:.8;transition:all .3s ease}.contactCard:hover .contactIcon{filter:none;opacity:1;transform:rotate(10deg)}.contactInfo{display:flex;flex-direction:column;gap:4px}.contactName{font-family:Sora ExtraBold,sans-serif;font-size:18px;text-align:left;color:#3a86ff}.contactLabel{font-family:Sora Light,sans-serif;font-size:14px;color:#dcdada;text-align:left;opacity:.7}.contactCard:hover .contactLabel{opacity:1}@media(max-width:600px){.contactsGrid{grid-template-columns:1fr}}@media(max-width:1024px){.container{padding:80px 30px}.logo{left:40px;top:80px}}@media(max-width:768px){.pageTitle{font-size:36px}.main_title{font-size:44px}.sticky_tabs_wrapper{flex-direction:column;padding:30px 20px}.tabs_nav ul{flex-direction:row;justify-content:center;flex-wrap:wrap;overflow-x:auto;padding-bottom:10px;padding-top:20px}.aboutme_content{grid-template-columns:1fr;justify-items:center;text-align:center}.aboutMeProjects_list{flex-direction:column;align-items:center;gap:20px}.mac_url_bar{display:none}.block_resume{height:auto;padding-bottom:40px}.footer_links li{font-size:20px}}@media(max-width:480px){.container{padding:60px 20px}.logo .title{font-size:24px}.logo{left:20px;top:60px}.is-scrolled .logo{left:calc(100% - 10px)}.goalItem{width:100px}.aboutme_image{width:240px;height:310px}.aboutme_description{font-size:16px;overflow:hidden}}@media(max-width:320px){.contactCard,.project_card{padding:10px;width:280px}}@media(max-width:768px){.container{padding:30px 20px}.logo{left:20px;top:60px}.logo .title{font-size:24px}.is-scrolled .logo{left:calc(100% - 10px)}.block_onboarding{padding:120px 10px 60px}.main_title{font-size:42px;line-height:1.1}.sticky_tabs_wrapper{flex-direction:column;justify-content:flex-start;padding:60px 15px 20px;gap:20px}.tabs_nav ul{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.tab_item.title{font-size:16px}.tabs_content{align-items:center;text-align:center;width:100%}.tab_image{width:100%;max-width:100%;height:100%;aspect-ratio:16 / 9;margin-right:0}.tab_image:hover{transform:translateY(-10px)}.tabs_content .description{width:100%!important;text-align:center!important;margin-top:15px}.block_resume{width:100%;padding:60px 10px 0}.resume_mac{height:400px}}@media(max-width:425px){.container{padding:20px 10px}.main_title{font-size:32px}.pageTitle{font-size:34px}.sticky_tabs_wrapper{padding:50px 10px 10px}.tab_item.title{font-size:14px}.resume_mac{height:300px;margin-top:20px}.block_resume{width:100%;height:auto}.undertitle .palm_icon{display:none}footer{padding-top:40px}.footer_links li{font-size:18px}.description{font-size:11px}.avatar{width:100%}.project_card{padding:10px}.project_card .itemTitle{font-size:18px}.project_card .itemDescription{font-size:12px}}@media(max-width:320px){.main_title{font-size:28px}.tab_image{border-width:2px}.resume_mac{height:250px}.project_card{width:84%}.mac_header{padding:0 10px}.contactCard{width:90%;margin-left:15px}}