:root{--header-active-bg:rgb(14 16 24,0.4);--header-active-shadow:rgba(14,63,126,.04) 0px 0px 0px 1px,rgba(42,51,69,.04) 0px 1px 1px -0.5px,rgba(42,51,70,.04) 0px 3px 3px -1.5px,rgba(42,51,70,.04) 0px 6px 6px -3px,rgba(14,63,126,.04) 0px 12px 12px -6px,rgba(14,63,126,.04) 0px 24px 24px -12px;--dark-first:#0e1018;--dark-second:#29253d;--first-white:#fff;--btn-color:#fff;--second-white:#9a9aa6;--third-white:#bcbac4;--text-black:#000;--card-bg:#141821;--card-border:#37415133;--highlight-text:#3b82f7;--highlight-border:#3b82f7;--highlight-btn-bg:#3b82f7;--highlight-bg:#141821;--highlight-icon:#3b82f7;--scroll-bar-bg:#757575;--inter-font:"Open Sans",sans-serif;--font-family-roboto:"Open Sans",sans-serif}.main-info-css{min-height:100vh;padding:0;width:100%}.main-info-css.dark,.main-info-css.white{background-color:var(--dark-first);transition:all .4s ease-in-out}.main-info-css.white{--header-active-bg:#fafbfd;--dark-first:#fafbfd;--btn-color:#fff;--dark-second:#efefef;--first-white:#0e0d0d;--second-white:#545455;--third-white:#71717a;--card-bg:#ededed;--card-border:#dedede;--highlight-text:#3372ee;--scroll-bar-bg:#e5e2e2}.overlay.active{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.6);z-index:120;transition:all .5s ease-in-out}::-webkit-scrollbar{width:7px;border-radius:0;background-color:var(--dark-first)}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:var(--scroll-bar-bg);box-shadow:inset 0 0 6px rgba(0,0,0,.5)}@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"');.header-main{width:100%;position:fixed;z-index:10;background-color:var(--header-active-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:all .5s ease-in-out}.header-container-display{justify-content:space-between;padding:10px 0}.header-container-display,.header-laptop-info{display:flex;align-items:center}.header-my-name{color:var(--highlight-text);font-size:1.3rem;line-height:2.2rem;letter-spacing:.06rem;font-weight:400;word-spacing:1px;font-family:var(--font-family-roboto);transition:all .4s ease-in-out}.header-my-name .name_large{font-size:18px;margin:0;font-weight:600;display:block}.header-my-name .name_small{font-size:18px;margin:0;display:none}.header-nav-list{display:flex}.header-nav-links{padding-right:15px;color:var(--third-white)}.header-nav-item{padding:10px 15px;color:var(--third-white);font-size:1rem;letter-spacing:.04rem;word-spacing:1px;font-weight:500;text-decoration:none;font-family:var(--inter-font);transition:all .4s ease-in-out}.header-nav-item.active,.header-nav-item:hover{color:var(--highlight-text)}.header-nav-item:hover{cursor:pointer}.header-nav-theme-icon{color:var(--second-white)!important;font-size:1.3rem!important;transition:all .4s ease-in-out}.header-nav-theme-icon:hover{color:var(--highlight-icon)!important}.header-mobile-container{display:none;position:relative}.header-mobile-menu-icon{font-size:1.4rem;color:var(--third-white);margin-right:8px}.header-mobile-menu-icon.close{font-size:.9rem}.header-mobile-menu-container{position:absolute;padding:5px 25px;top:0;width:100%;background-color:var(--dark-first);transform:translateY(-400%);transition:all .4s ease-in-out}.header-mobile-menu-container.active{transform:translateY(0);transition:all .4s ease-in-out}.model-header{padding:15px 0;display:flex;justify-content:flex-end}.model-list{display:flex;gap:10px;flex-wrap:wrap}.model-item{flex-grow:6;margin:10px 0;padding:15px 0;letter-spacing:.025rem;font-family:var(--font-family-roboto);color:var(--third-white)}.model-item .item{display:flex;flex-direction:column;text-decoration:none;color:var(--third-white);font-family:var(--inter-font)}.model-item .item.active{color:var(--highlight-text)!important}@media(max-width:780px){.header-logo-name{padding-top:10px}.header-my-name{padding-top:3px}.header-container-display{padding:15px 0}.header-nav-list{display:none}.header-mobile-container{display:flex;align-items:center}.header-nav-theme-icon{font-size:1.4rem!important}.header-my-name .name_large{display:none}.header-my-name .name_small{display:block}}.myinfo-main{width:100%;padding:20px 10px 0}.myinfo-letter-container{padding-top:10px;width:100%;display:flex;align-items:center;min-height:100vh}.myinfo-letter-intro{padding:10px 0;color:var(--highlight-text);font-family:var(--inter-font);font-size:1.2rem;font-weight:400;letter-spacing:.01rem}.myinfo-letter-heading{color:var(--first-white);font-weight:700;letter-spacing:.035rem;word-spacing:1px;font-size:clamp(3.5rem,10vw,2.2rem);transition:all .5s ease-in-out}.myinfo-letter-heading .blue{color:var(--highlight-text)}.myinfo-letter-quote{padding:10px 0;color:var(--second-white);font-weight:700;letter-spacing:.05rem;word-spacing:1px;font-size:clamp(20px,4vw,50px);transition:all .5s ease-in-out}.myinfo-line{margin:10px auto;border-top:4px solid #61dafb;width:130px;height:8px}.myinfo-image{margin-left:50px}.myinfo-letter-about{padding:25px 0;color:var(--third-white);font-size:1.1rem;line-height:2rem;letter-spacing:.06rem;font-weight:400;word-spacing:1px;max-width:700px;font-family:var(--font-family-roboto);transition:all .4s ease-in-out}.myinfo-font-icon-display{display:flex;align-items:center}.myinfo-font-icon{width:45px;height:45px;padding-top:8px;text-align:center;margin-right:15px;color:#fff;border-radius:50%;font-size:1.7rem}.myinfo-resume-btn-display{margin:20px 0 0}.myinfo-resume-btn{border:1px solid var(--highlight-border);width:100%;padding:12px 10px;border-radius:6px;background-color:var(--highlight-btn-bg);font-family:var(--inter-font);font-size:1.2rem;font-weight:600;letter-spacing:.04rem;transition:all .5s ease-in-out}.myinfo-resume-btn a{display:inline-block;color:var(--btn-color);text-decoration:none;transition:all .4s ease-in-out}.myinfo-resume-btn:hover{cursor:pointer;background-color:transparent}.myinfo-resume-btn a:hover{color:var(--highlight-text)}.myinfo-resume-btn:focus{outline:none}@media(max-width:370px){.myinfo-letter-heading{font-size:2rem}}@media(max-width:780px){.myinfo-main{width:100%;padding:150px 5px 20px;margin-top:-3px}}.about-container{margin:50px 0 0;padding:0 5px;width:100%}.about-hero-container{padding:95px 0 30px;width:100%}.about-heading{color:var(--first-white);font-weight:700;letter-spacing:.05rem;word-spacing:1px;font-size:clamp(40px,8vw,30px);font-family:var(--inter-font);transition:all .5s ease-in-out}.about-heading-line{margin-top:8px;margin-left:1px;border:2px solid var(--highlight-border);width:75px}.about-info{padding:5px 0 0}.about-info,.about-info-item{color:var(--third-white);font-size:1.05rem;letter-spacing:.05rem;max-width:700px;font-family:var(--font-family-roboto)}.about-info,.about-info-item,.about-tech{line-height:2rem;font-weight:400;word-spacing:1px;transition:all .5s ease-in-out}.about-tech{padding:5px 0;color:var(--first-white);font-size:.9rem;letter-spacing:.06rem;font-family:var(--inter-font)}.about-tech:before{content:"▸";left:0;margin-right:7px;color:var(--primary-blue);margin-top:15px;font-size:1.1rem;line-height:2px}.about-tech-flex{display:flex}.about-info-container{margin:35px 0;padding:30px 25px;height:90%;border-radius:.25rem}.about-info-heading{padding-bottom:10px;letter-spacing:.4px;font-family:Inter,sans-serif;font-size:1.5rem;color:#fff;line-height:2.275rem;letter-spacing:.125rem;text-transform:uppercase;line-height:2.1rem;font-weight:600;transition:all .5s ease-in-out}.about-info-line{margin-top:0;margin-left:1px;border:2px solid #61dafb;width:45px}.about-info-heading-line{margin-top:5px;margin-left:6px;border:2px solid #61dafb;width:70px}.about-info-icon-display{margin:35px 0 25px;align-items:center}.about-info-icon{margin-right:20px;font-size:2rem}.skill-container{margin:10px 0 0;background-color:var(--card-bg);border-radius:.5rem;border:.5px solid var(--card-border);padding:15px;height:90%;transition:all .5s ease-in-out}.skill-header-container{display:flex;gap:12px;align-items:center}.skill-logo{font-size:1.5rem;color:var(--highlight-icon)}.skill-title{color:var(--first-white);font-size:1rem;font-weight:500}.skill-list{margin-left:0;padding-left:20px;margin-top:10px}.skill-item{margin:8px 0;color:var(--second-white)}.skill-item::marker{color:var(--highlight-text)}@media(max-width:370px){.about-info-heading{font-size:1.45rem}.about-info-container{padding:30px 10px}}@media(max-width:780px){.about-container{padding:0}}.resume-container{margin:30px 0;width:100%;transition:all .5s ease-in-out}.resume-heading{padding:95px 0 0;color:var(--first-white);font-weight:700;letter-spacing:.06rem;word-spacing:2px;font-size:clamp(40px,8vw,30px);font-family:var(--inter-font);transition:all .5s ease-in-out}.resume-heading-line{margin-top:9px;margin-left:1px;border:2px solid var(--highlight-border);width:75px}.resume-tabs{margin-top:40px;display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background-color:var(--card-bg);border:1px solid var(--card-border)}.resume-tab-btn{border:none;outline:none;cursor:pointer;background-color:transparent;color:var(--second-white);font-family:var(--font-family-roboto);font-size:.95rem;font-weight:500;letter-spacing:.02rem;padding:10px 22px;border-radius:999px;transition:all .3s ease-in-out}.resume-tab-btn.active,.resume-tab-btn:hover{color:var(--first-white)}.resume-tab-btn.active{background-color:var(--highlight-btn-bg)}.resume-timeline{margin-top:45px;display:flex;flex-direction:column}.timeline-item{position:relative;display:grid;grid-template-columns:26px 1fr;grid-column-gap:18px;column-gap:18px}.timeline-marker-col{position:relative;z-index:0}.timeline-dot{position:absolute;top:32px;left:50%;width:12px;height:12px;border-radius:50%;background-color:var(--highlight-btn-bg);transform:translate(-50%,-50%);z-index:1}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:var(--dark-second);transform:translateX(-50%);z-index:0}.timeline-item:first-child .timeline-line{top:32px}.timeline-item:last-child .timeline-line{bottom:auto;height:32px}.timeline-card{position:relative;z-index:0;margin-bottom:28px;padding:24px 26px;border-radius:14px;background-color:var(--card-bg);border:1px solid var(--card-border);transition:border-color .3s ease-in-out}.timeline-card:hover{border-color:var(--highlight-border)}.timeline-card-header{justify-content:space-between;gap:12px}.timeline-card-header,.timeline-title{display:flex;align-items:center;flex-wrap:wrap}.timeline-title{margin:0;gap:6px;color:var(--first-white);font-family:var(--font-family-roboto);font-size:1rem;font-weight:600;letter-spacing:.02rem;line-height:1.5rem}.timeline-at{color:var(--second-white);font-size:.95rem;font-weight:400;font-style:normal}.timeline-badge{flex-shrink:0;white-space:nowrap;color:var(--highlight-text);font-family:var(--font-family-roboto);font-size:.85rem;font-weight:600;letter-spacing:.02rem}.timeline-company-logo{border-radius:4px;object-fit:contain;vertical-align:middle}.timeline-company{color:var(--highlight-text);font-family:var(--font-family-roboto);font-size:1.1rem;font-style:normal;font-weight:600;letter-spacing:.02rem}.timeline-subheader{margin-top:8px}.timeline-type{color:var(--second-white);font-family:var(--font-family-roboto);font-size:.9rem;font-weight:400}.timeline-description{margin:14px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.timeline-description li{color:var(--third-white);font-family:var(--font-family-roboto);font-size:.95rem;line-height:2rem;letter-spacing:.05rem;word-spacing:1px}.timeline-education-marks{margin:14px 0 0;display:flex;flex-direction:column;gap:6px}.timeline-education-marks p{margin:0;color:var(--third-white);font-family:var(--font-family-roboto);font-size:.95rem;line-height:1.5rem;letter-spacing:.05rem;word-spacing:1px}@media(max-width:780px){.about-container{padding:0}.resume-tabs{width:100%;justify-content:center}.resume-tab-btn{flex:1 1;text-align:center;padding:10px 12px}.timeline-item{grid-template-columns:20px 1fr;column-gap:12px}.timeline-dot,.timeline-item:first-child .timeline-line{top:26px}.timeline-item:last-child .timeline-line{height:26px}.timeline-card{padding:18px}.timeline-title{font-size:1.1rem}}@media(max-width:480px){.timeline-item{grid-template-columns:16px 1fr;column-gap:10px}.timeline-title{gap:8px;line-height:1.4rem}.timeline-dot{top:22px;width:10px;height:10px}.timeline-item:first-child .timeline-line{top:22px}.timeline-item:last-child .timeline-line{height:22px}.timeline-card-header{flex-direction:column;align-items:flex-start;gap:12px}.timeline-badge{font-size:.75rem;margin-top:2px}}.project-container{margin:30px 0 0;width:100%}.project-heading{padding:95px 0 0;color:var(--first-white);font-weight:700;letter-spacing:.05rem;word-spacing:1px;font-size:clamp(40px,8vw,30px);font-family:var(--inter-font);transition:all .5s ease-in-out}.project-heading-line{margin-top:8px;margin-left:1px;border:2px solid var(--highlight-border);width:75px}.project-card-container{margin:35px 0}.project-card{margin-top:20px;padding:2rem 1.75rem;height:95%;border:.5px solid var(--card-border);background-color:var(--card-bg);border-radius:.5rem;transition:all .4s ease-in-out;cursor:pointer}.project-card-top-display{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.project-card-top-folder-icon{font-size:1.6rem!important;color:var(--highlight-text)!important}.project-card-top-font-icon{padding-right:20px;font-size:2.5rem!important}.project-card-top-font-icon,.project-card-top-font-icon2{color:var(--second-white)!important;transition:all .4s ease-in-out;font-weight:400;cursor:pointer}.project-card-top-font-icon2{font-size:1.1rem!important}.project-card-top-font-icon2:hover,.project-card-top-font-icon:hover{color:var(--highlight-text)!important}.project-card-title{font-family:var(--inter-font);padding-bottom:10px;font-weight:600;font-size:1.2rem;line-height:2.275rem;letter-spacing:.07rem;text-transform:uppercase;color:var(--first-white)}.project-card-description{padding:10px 0 5px;color:var(--third-white);font-size:1rem;font-family:var(--font-family-roboto)}.project-card-description,.project-card-tech-stack{line-height:2rem;letter-spacing:.05rem;font-weight:400;word-spacing:1px;max-width:700px}.project-card-tech-stack{padding:15px 0 10px;color:var(--highlight-text);font-size:.82rem;font-family:var(--inter-font);transition:all .5s ease-in-out}.project-card-tech-stack-language{display:inline-block;word-spacing:2px;color:var(--highlight-text)}.project-card-source-code-icon{margin-top:-3px;margin-left:10px!important;font-size:20px!important}.project-card-website-link{margin:15px 6px 5px;border:1px solid #525353;width:97%;padding:12px 10px;border-radius:6px;background-color:#202124;color:#fff;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:400;letter-spacing:.08rem;transition:all .5s ease-in-out}.project-card-website-link:hover{box-shadow:0 8px 8px -8px rgba(0,0,0,.78);background-color:#525353}.project-card-website-link a{display:inline-block;color:#f5f5f5;text-decoration:none}.project-card-website-link:focus{outline:none}.project-card-more-website-btn{margin:45px 6px 15px;display:block;border:1px solid var(--highlight-border);padding:12px 15px;border-radius:6px;background-color:transparent;text-decoration:none;text-align:center;color:var(--btn-color);font-family:var(--inter-font);background-color:var(--highlight-btn-bg);font-size:1.115rem;font-weight:600;letter-spacing:.02rem;transition:all .5s ease-in-out}.project-card-more-website-btn:hover{cursor:pointer;color:var(--btn-color)}.project-card-more-website-btb:focus{outline:none}.project-skill-head-subheading{padding:5px 0 35px;color:var(--third-white);font-size:1.1rem;line-height:2.3rem;letter-spacing:.05rem;font-weight:400;word-spacing:2px;font-family:var(--font-family-roboto);transition:all .5s ease-in-out}@media(max-width:370px){.project-card-title{font-size:1.5rem}.project-card{padding:30px 8px}}.contact-container{margin:30px 0 0;width:100%}.contact-heading{padding:95px 0 0;color:var(--first-white);font-weight:700;letter-spacing:.06rem;word-spacing:2px;font-size:clamp(40px,8vw,30px);font-family:var(--inter-font);transition:all .5s ease-in-out}.contact-heading-line{margin-top:9px;margin-left:1px;border:2px solid var(--highlight-border);width:75px}.contact-detail-container{margin:40px 0 20px;width:100%}.contact-detail-display{display:flex;margin-top:20px;width:100%}.contact-detail-info-heading{letter-spacing:1px;font-size:1.2rem;letter-spacing:.07rem;font-weight:600;text-transform:uppercase}.contact-detail-info,.contact-detail-info-heading{font-family:var(--inter-font);color:var(--third-white)}.contact-detail-info{padding:15px 0 5px;font-size:1rem;line-height:1.988rem;letter-spacing:.06rem;font-weight:400;word-spacing:1px;transition:all .5s ease-in-out}.contact-detail-info-display{display:flex;padding-left:10px;flex-direction:column}.footer-main{padding:5px 20px 20px;margin-top:-2px;transition:all .5s ease-in-out}.footer-icon-display{display:flex;align-items:center;justify-content:center}.footer-icon{margin-right:25px;color:var(--first-white);font-size:55px!important;transform:scale(.5);transition:all .5s ease-in-out!important}.footer-icon:hover{color:var(--highlight-text)!important;cursor:pointer;transform:scale(.5) translateY(-15px)}.footer-copyright{text-align:center;padding:25px 0 10px;color:var(--third-white);font-size:1rem;letter-spacing:.04rem;word-spacing:1px;font-weight:500;font-family:Montserrat,sans-serif;transition:all .5s ease-in-out}@media(max-width:700px){.footer-main{padding:20px 0;margin-top:-3px}}.blog-container{margin:30px 0 0;width:100%}.blog-heading{padding:95px 0 0;color:var(--first-white);font-weight:700;letter-spacing:.05rem;word-spacing:1px;font-family:var(--inter-font);transition:all .5s ease-in-out}.blog-heading-line{margin-top:8px;margin-left:1px;border:2px solid var(--highlight-border);width:45px}.blog-card-container{margin:35px 0}.blog-card{margin-top:20px;padding:2rem 1.75rem;height:95%;background-color:var(--card-bg);border:.5px solid var(--card-border);border-radius:.5rem;transition:all .4s ease-in-out;cursor:pointer}.blog-card-top-display{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.blog-card-top-folder-icon{font-size:1.6rem!important;color:var(--highlight-text)!important}.blog-card-top-font-icon{padding-right:20px;font-size:2.5rem!important}.blog-card-top-font-icon,.blog-card-top-font-icon2{color:var(--second-white)!important;transition:all .4s ease-in-out;font-weight:400;cursor:pointer}.blog-card-top-font-icon2{margin-left:8px;margin-top:-4px;font-size:1.2rem!important}.blog-card-top-font-icon2:hover,.blog-card-top-font-icon:hover{color:var(--highlight-text)!important}.blog-card-title{font-family:var(--inter-font);padding-bottom:10px;font-weight:600;font-size:1.2rem;line-height:2.275rem;letter-spacing:.07rem;text-transform:uppercase;text-decoration:none;height:90px;transition:all .3s ease-in-out;color:var(--first-white)}.blog-card-description{padding:10px 0 5px;color:var(--third-white);font-size:1rem;font-family:var(--font-family-roboto)}.blog-card-description,.blog-card-tags{line-height:2rem;letter-spacing:.05rem;font-weight:400;word-spacing:1px;max-width:700px}.blog-card-tags{padding:15px 0 10px;color:var(--highlight-text);font-size:.82rem;font-family:var(--inter-font);transition:all .5s ease-in-out}.blog-card-tags-language{display:inline-block;word-spacing:2px;color:var(--highlight-text)}