body{cursor:none;font-family:IBM Plex Mono}.custom-cursor{position:fixed;top:0;left:0;width:38px;height:38px;border-radius:50%;background-color:#b3b3b3;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;transition:width .2s ease,height .2s ease}.custom-cursor.enlarge{width:12px;height:12px}.company-designation{font-family:IBM Plex Mono;font-size:1.1rem;margin-bottom:8px}.company-duration{font-family:IBM Plex Mono;font-size:.9rem;opacity:.8}.experience-card{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:500px;height:300px;background-color:#1a1a1a;z-index:10;display:flex;box-shadow:0 10px 30px #0000004d;animation:fadeIn .3s ease-out}.company-image{width:100%;height:100%;object-fit:contain}.card-details{width:70%;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-45%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.logo-container{position:fixed;top:30px;left:50%;transform:translate(-50%);z-index:1000}.logo{width:48px;height:auto}.content-container{position:relative;width:100%;height:100%;overflow:hidden}.content-with-frame{position:relative;width:100%;height:100%;transition:all .5s ease-in-out}.photo-frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:30;pointer-events:none}.frame-border{position:absolute;left:0;width:100%;height:0;background-color:#fff;color:#333;display:flex;align-items:center;transition:height .5s ease-in-out;overflow:hidden;pointer-events:auto;border:none}.top-frame{top:0;justify-content:center;border:none}.bottom-frame{bottom:0;justify-content:center;border:none}.frame-nav{position:absolute;top:0;height:100%;width:0;background-color:#fff;transition:width .5s ease-in-out;display:flex;flex-direction:column;justify-content:center;gap:20px;overflow:hidden;pointer-events:auto;border:none}.frame-nav,.frame-border{pointer-events:auto;z-index:40}.left-frame{left:0;border:none}.right-frame{right:0;border:none}.frame-visible .frame-border{height:130px}.frame-visible .frame-nav{width:270px;padding:0 15px}.frame-visible .main-window{top:0;left:0;width:100%;height:100%;border-radius:0;border:none;overflow:hidden;z-index:10}.main-window{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#fff;transition:all .5s ease-in-out;overflow:hidden}.frame-visible .main-window:before{content:"";position:absolute;width:calc(100% - 600px);height:calc(100% - 260px);border-radius:40px;border:15px solid #fff;justify-content:center;align-items:center;background-color:#0009;z-index:20;pointer-events:none;opacity:0;animation:fadeIn .3s ease-in-out .3s forwards}.ok{background-color:#b00}body.paused-scroll{overflow:hidden!important;position:fixed;width:100%;height:100%}.about-container{width:100%;height:100vh;background-color:#0f0f0f;overflow-y:auto;scroll-behavior:smooth;position:relative;-ms-overflow-style:none;scrollbar-width:none}.paused .about-container{overflow:hidden}.window-container{position:fixed;top:0;left:0;width:100vw;height:100vh;font-family:Arial,sans-serif;background-color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.window-container.paused{overflow:hidden}.frame-visible .main-window:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-image:url(/assets/stop2-B336REtV.png);background-size:contain;background-repeat:no-repeat;z-index:21;opacity:0;animation:fadeIn .3s ease-in-out .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.window-content{height:100%;width:100%;display:flex;padding:0;margin:0;align-items:center;justify-content:center;position:absolute;text-align:center;top:0;left:0}.toggle-frame-button{position:fixed;top:20px;right:20px;padding:10px 15px;z-index:100}.frame-nav-item{color:#070707;font-family:IBM Plex Mono;text-align:center;transition:all .3s ease;white-space:nowrap;font-size:26px;cursor:none;text-decoration:none;padding:0;background-color:transparent;border-radius:0}.frame-nav-item:hover{font-style:italic}.frame-nav-item.active{text-decoration:underline;text-underline-offset:8px}.frame-title{font-size:1.5rem;font-weight:700}.frame-info{font-family:IBM Plex Mono;font-size:.9rem;opacity:1}.exit-up{animation:exitUp .5s ease-in-out forwards;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.enter-from-bottom{animation:enterFromBottom .5s ease-in-out forwards;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@keyframes exitUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes enterFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.section-content{width:100%;height:100%}.section-content h2{font-size:2.5rem;margin-bottom:1rem}.section-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.home-features{display:flex;justify-content:space-around;gap:20px;margin-top:20px}.feature{padding:15px 25px;background-color:#fff3;border-radius:10px;flex:1}.about-info{display:flex;justify-content:space-around;gap:20px;margin-top:20px}.info-box{padding:15px 25px;background-color:#fff3;border-radius:10px;flex:1}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.project{padding:30px;background-color:#fff3;border-radius:10px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px;margin:0 auto}.input-field{padding:12px 15px;border-radius:5px;border:none;background-color:#ffffffe6;font-size:1rem;color:#333}.textarea{min-height:100px;resize:vertical}.submit-btn{padding:12px 20px;background-color:#fff;color:#333;border:none;border-radius:5px;font-weight:700;transition:.3s ease}.submit-btn:hover{background-color:#f0f0f0;transform:scale(1.05)}@media (max-width: 600px){.logo-container{left:15%}.frame-info{font-size:.7rem}.frame-visible .frame-nav{width:180px;padding:0 15px}.frame-nav-item{font-size:15px}.frame-visible .main-window:after{background:#fff}.frame-visible .main-window:before{background-color:#fff}}@media (max-width: 450px){.custom-cursor{background:transparent}}.toggle-container{width:128px;height:70px;background-color:#eaeaea;border-radius:18px;position:fixed;top:25px;right:25px;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#161616;transition:background-color .3s ease-in-out;padding:10px 0}.toggle-container.toggled{background-color:#161616}.toggle-text{position:absolute;top:15px;font-family:IBM Plex Mono;transition:all .3s ease-in-out;overflow:hidden;width:100%;text-align:center}.toggle-text .toggle-text-inner{display:inline-block;position:relative;transition:transform .3s ease-in-out}.toggle-text .toggle-text-inner span{display:block;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.toggle-text .toggle-text-inner span:last-child{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(100%)}.toggle-container:hover .toggle-text .toggle-text-inner span:first-child{opacity:0;transform:translateY(-100%)}.toggle-container:hover .toggle-text .toggle-text-inner span:last-child{opacity:1;transform:translateY(0)}.toggle-text.toggled{transform:translateY(45px);color:#fff}.toggle-switch{width:110px;height:40px;background-color:#000;border-radius:12px;position:absolute;bottom:10px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out,background-color .3s ease-in-out}.toggle-switch.toggled{transform:translateY(-28px);background-color:#fff}.toggle-icon{color:#e7e7e7;font-size:18px}.toggle-switch.toggled .toggle-icon{color:#000}@media (max-width: 600px){.toggle-container{width:90px;height:55px;border-radius:10px}.toggle-switch{width:80px;height:24px;border-radius:8px}.toggle-icon{color:#e7e7e7;font-size:12px}.toggle-text.toggled{transform:translateY(30px)}}.name-container{font-family:IBM Plex Mono;font-size:1.5rem}.home-content{background:linear-gradient(15deg,#950505,#9e0404,#9c0505,#cd5c07,#ef9936,#ed9734,#ad6b1f,#845219,#623c12,#32200b,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#ea9d44);width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;text-transform:uppercase;position:relative;overflow:hidden;perspective:1000px}.center-content{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100vh}.three-d-text{transform:translate(-50%,-50%) rotateX(0) rotateY(0);font-size:120px;font-weight:700;color:#fff;font-family:Anton;z-index:5;text-shadow:2px 2px 3px rgba(0,0,0,.5);transition:transform .1s ease-out;transform-style:preserve-3d}.letter{font-size:25px;font-weight:700;z-index:20;display:inline-block;transition:font-family .3s ease-in-out}.name-text{z-index:20}.text-container{position:absolute;bottom:20px;left:20px;height:100px;overflow:hidden;text-align:left;background:transparent;border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:flex-end}.text-line{font-size:10px;color:#fff;white-space:nowrap;overflow:hidden;margin:2px 0;font-weight:400;font-family:IBM Plex Mono}.vertical-lines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-evenly;pointer-events:none;z-index:1}.vertical-line{width:.8px;height:100%;background:#3e3e3e;position:relative}.boxy-button{cursor:none;position:relative;width:150px;margin-top:20px;padding:15px 30px;background-color:transparent;border:2px solid white;color:#fff;border-radius:5px;font-family:IBM Plex Mono;font-size:.85rem;font-weight:400;z-index:5;transition:all .3s ease;overflow:hidden}.boxy-button:hover{background:#ffffff1a}.boxy-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.boxy-button:hover:before{left:100%}.boxy-button.paused{opacity:.7}.arrow-icon{position:absolute;font-size:.8rem;color:#fff;transition:all .3s ease}.top-left{top:5px;left:5px}.bottom-right{bottom:5px;right:5px}.about-me{padding-top:0;width:65%;z-index:5;line-height:1.8;font-family:IBM Plex Mono;font-size:.79rem;font-weight:200}.pulse{position:absolute;top:0;left:0;width:100%;height:40px;background:linear-gradient(to bottom,#fffc,#fff0);opacity:0;animation:pulse-animation 3s infinite}.vertical-line:nth-child(1) .pulse{animation-delay:0s}.vertical-line:nth-child(2) .pulse{animation-delay:1s}.vertical-line:nth-child(3) .pulse{animation-delay:.5s}.vertical-line:nth-child(4) .pulse{animation-delay:1.5s}.frame-visible .main-window .pulse,.frame-visible .main-window .typing:after{animation-play-state:paused!important}.frame-visible .main-window .typing{animation:none!important}.pulse.paused{animation-play-state:paused!important}@keyframes blink-caret{0%,to{border-right-color:transparent}50%{border-right-color:#fff}}@media (max-width: 600px){.qr-code-container,.text-container{display:none!important}.about-me{font-size:.59rem}.three-d-text{font-size:45px}.vertical-lines{display:none}.letter{font-size:15px}}.about-section{width:100%;height:100vh;display:flex;flex-direction:column;align-items:start;justify-content:center;background:linear-gradient(295deg,#d02308,#d8640a,#e59d0e,#e38f2f,#b77528,#9c6423,#644116,#3c280f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f);position:relative;overflow:hidden}.rocketImg{width:800px;z-index:20;align-self:self-end;padding-right:40px}.sateliteImg{position:absolute;width:200px;bottom:50px;right:60px}.experience-title-container{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 40px 20px;margin-top:20px;border-bottom:1px solid rgba(255,255,255,.2)}.section-title-about{font-family:IBM Plex Mono;font-weight:400;position:absolute;top:40px;left:40px;font-size:36px}.about-container::-webkit-scrollbar{display:none}.image-container{width:380px;height:380px;background-color:#bababa;display:flex;align-items:center;border-radius:50%;justify-content:center;overflow:hidden;z-index:10;position:absolute;right:18%;top:50%;transform:translateY(-50%)}.image{width:200px;height:200px;object-fit:cover;transition:opacity .3s ease}.scroll-down{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10;color:#fff;font-family:IBM Plex Mono;font-size:14px;text-transform:uppercase;letter-spacing:2px}.arrow-icon-about{margin-top:8px;animation:bounce 2s infinite;font-size:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.left-content{position:absolute;left:6%;top:55%;transform:translateY(-50%);max-width:480px;z-index:10;color:#fff}.name{font-family:Anton;font-size:2.5rem;margin-bottom:1rem;font-weight:500}.description{width:730px;text-align:justify;font-family:IBM Plex Mono;font-size:.9rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.about-button{position:absolute;bottom:40px;right:60px;font-family:IBM Plex Mono;background:transparent;color:#fff;border:1px solid white;padding:12px 30px;font-size:1rem;cursor:none;border-radius:5px;transition:all .3s ease;overflow:hidden}.about-button:hover{background:#ffffff1a}.about-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.about-button:hover:before{left:100%}.profile-image-container{position:absolute;left:100px;top:100px;width:400px;display:flex}.profile-image{width:150px;height:150px;object-fit:cover;border-radius:4px;box-shadow:0 4px 12px #0003;animation:fadeInDown .4s ease-out both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.profile-image-container.entering{animation:fadeInDown .4s ease-out both}.profile-image-container.exiting{animation:fadeOutUp .4s ease-in both}.about-container{width:100%;height:100vh;background-color:#0f0f0f;overflow-y:auto;scroll-behavior:smooth;position:relative;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.section-divider{width:100%;height:18px;background-color:#000;position:relative;border-top:3.1px solid rgb(86,86,86);border-bottom:3.1px solid rgb(86,86,86);overflow:hidden}.binary-digits{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-around}.binary-digit{font-family:IBM Plex Mono,monospace;font-size:6px;opacity:1;color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.experience-section{width:100%;background-color:#0f0f0f;color:#fff;position:relative;transform:translateY(100%);opacity:0;padding-top:20px;padding-bottom:70px;box-sizing:border-box}.experience-section.visible{transform:translateY(0);opacity:1}.section-title-experience{font-family:Anton;font-weight:400;font-size:46px;position:relative}.lottie-container{width:150px;height:150px}.experience-timeline{max-width:100%;position:relative}.experience-row{display:flex;padding:0 20px;position:relative;z-index:1;transition:background-color .3s ease;width:100%;width:50%;height:100%;align-items:center}.experience-row.with-divider:after{content:"";position:absolute;bottom:0;left:40px;right:40px;height:1px}.experience-row:last-child:after{display:none}.experience-image-container{width:400px;height:300px;margin-right:40px;perspective:1000px;flex-shrink:0}.experience-image-flip{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.experience-image-front,.experience-image-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:0}.experience-image-front{display:flex;align-items:center;justify-content:center;border:1px solid #333}.experience-image-back{transform:rotateX(180deg);display:flex;align-items:center;overflow-y:auto}.experience-details{font-family:IBM Plex Mono;height:100%;font-size:.7rem;font-weight:300;text-align:start;line-height:1.6}.company-image{width:90%;height:90%;object-fit:contain;border-radius:4px}.experience-row-container{position:relative;display:flex;width:100%;min-height:120px;background:linear-gradient(270deg,#a20606,#d8640a,#d08d09,#a97408,#775106,#493203,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f);align-items:center;border-bottom:1px solid #ffffff33}.experience-card{position:absolute;left:30%;top:50%;transform:translateY(-50%);width:55%;height:200%;background-color:#0f0f0f;z-index:10;display:flex;box-shadow:0 10px 30px #0000004d;border:1px solid #ffffff33;animation:fadeIn .3s ease-out}.card-image-container{width:30%;display:flex;align-items:center;justify-content:center;background-color:#fff}.card-details{width:70%;display:flex;color:#fff;flex-direction:column;justify-content:center}.experience-info{align-items:start;justify-items:start}.company-name{font-family:IBM Plex Mono;font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:0;margin-top:30px}.company-designation{font-family:IBM Plex Mono;font-size:1.1rem;font-weight:300;margin:0}.company-duration{font-family:IBM Plex Mono;font-size:.7rem;opacity:.8;font-weight:400;color:#ea9d44;margin-top:0;margin-bottom:30px}.experience-content{max-width:800px;margin:0 auto;padding-top:100px;font-size:.3rem}.experience-item{margin-bottom:60px;position:relative;font-size:.3rem}.experience-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.experience-header h3{font-family:Anton;font-size:1.5rem;font-weight:400;margin:0}.experience-date{font-family:IBM Plex Mono;font-size:.9rem;opacity:.8}.experience-company{font-family:IBM Plex Mono;font-size:1.1rem;margin-bottom:15px;color:#ea9d44}.experience-description{font-family:IBM Plex Mono;font-size:.5rem;line-height:1.6;opacity:.9}.about-section{min-height:100vh}.about-description-section{display:flex;flex-direction:column;padding:40px;justify-content:left;align-items:start}.paused{animation-play-state:paused!important}.scroll-down.paused .arrow-icon-about{animation:none!important}.contact-method.paused:hover{transform:none!important}.skills-section.paused .skills-container{animation-play-state:paused!important}.name.paused:hover{transform:none!important}.image-container.paused{pointer-events:none}.experience-row-container.paused:hover .experience-card{display:none}.name{font-family:Anton;font-size:2.5rem;font-weight:500;cursor:pointer;transition:transform .3s ease;position:relative;z-index:10}.name:hover{transform:translateY(2px)}.skills-section{width:100%;height:30px;background-color:#fff;overflow:hidden;position:relative}.skills-container{display:flex;position:absolute;white-space:nowrap;will-change:transform;animation:scrollSkills 20s linear infinite}.skill-item{font-family:IBM Plex Mono;font-size:10px;color:#000;margin:0 20px;padding:7px 0;flex-shrink:0}@keyframes scrollSkills{0%{transform:translate(0)}to{transform:translate(-50%)}}.image.paused{opacity:.7}.about-button.paused{pointer-events:none;opacity:.7}.experience-card.paused{display:none}.contact-section{width:100%;background:linear-gradient(0deg,#d8640a,#ea9d44,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f);color:#fff;position:relative;display:flex;box-sizing:border-box;padding:80px 40px}.contact-title{font-family:Anton;font-weight:400;font-size:46px;text-align:center;margin-bottom:60px}.contact-content{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto}.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width:100%;margin-bottom:60px}.contact-method{display:flex;align-items:center;font-family:IBM Plex Mono;transition:transform .3s ease}.contact-method:hover{transform:translateY(-5px)}.contact-methods a{text-decoration:none;cursor:none}.contact-icon{font-size:24px;margin-right:15px;color:#e2e2e2}.contact-text{font-size:16px;text-decoration:none;color:#fff}.contact-slang{font-family:IBM Plex Mono;font-size:18px;text-align:center;margin-top:40px;padding:20px;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);max-width:600px}@media (max-width: 600px){.rocketImg{width:300px;margin-right:15px}.name-container{margin:0;align-self:center}.description{width:290px;font-size:.63rem;margin:0}.about-section{align-items:center}.scroll-down{font-size:8px;bottom:5px}.binary-digit{font-size:10px}.experience-title-container{justify-content:center;align-items:center;align-self:center}.about-button{position:absolute;bottom:90px;right:auto}.about-description-section{padding:0}.company-name{width:250px;text-align:left;font-size:.8rem}.company-designation{align-self:start;font-size:.8rem}.experience-details{font-size:.53rem}.experience-card{width:80%;height:250%;left:8%}.card-details{width:95%}.contact-section{flex-direction:column}.contact-methods{grid-template-columns:repeat(1,1fr)}.contact-method{align-items:start;justify-content:left;justify-items:left;align-content:start;align-self:start;text-align:left}ul{padding-inline-start:5px}}.projects-section{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#171717;background:linear-gradient(180deg,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#0f0f0f,#432707,#79460b,#b16610,#d8640a,#d08d09);position:relative;overflow:hidden}.section-title{font-family:Anton;font-weight:400;position:absolute;top:40px;left:40px;font-size:38px}.project-box-container{display:flex;margin-top:50px;width:90%;height:70%;gap:10px}.project-box{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:flex .5s ease-in-out,background-color .5s ease-in-out;cursor:none;border-radius:5px;border:2px rgb(144,144,144) solid;position:relative}.project-box.expanded{flex:4}.project-box.expanded .project-link{position:absolute;top:10px;right:10px;width:55px;height:55px;background-color:#171717;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;z-index:2;transition:transform .3s ease-in-out;cursor:none}.project-box.expanded .project-link:hover{transform:scale(1.1);cursor:none}.project-box:not(.expanded){flex:1}.react-icon{font-size:35px;transition:opacity .5s ease-in-out}.project-link-icon{animation:bounce2 3s infinite;width:20px;height:20px}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0);transform:translate(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-5px)}}.expanded-content{display:flex;width:100%;height:100%;padding:20px;gap:20px}.project-info{flex:2;display:flex;flex-direction:column;justify-content:center;padding:10px;font-weight:500;font-size:16px;font-family:IBM Plex Mono;color:#fff}.project-description{list-style-type:none;padding:0;margin:0}.project-description li{margin-bottom:15px;position:relative;text-align:left;padding-left:20px;font-size:12px;line-height:1.4}.project-description li:before{content:"•";position:absolute;left:0;color:#f4f4f4;font-size:20px}.project-image-container{display:flex;align-items:center;justify-content:center}.project-box:not(.expanded) .react-icon{opacity:1}.project-box.expanded .react-icon{opacity:0}.project-box:not(.expanded) .project-image{opacity:0}.project-box.expanded .project-image{width:auto;max-width:100%;object-fit:cover}.project-name-container{position:fixed;bottom:60px;left:50%;transform:translate(-50%);width:100%;text-align:center;font-family:Anton;font-weight:400;z-index:10}.project-name-slider{display:flex;justify-content:center;transition:transform .5s ease-in-out}.project-name{font-size:28px;font-weight:200;color:#fff;opacity:0;font-family:Anton;font-weight:400;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;position:absolute}.project-name.active{opacity:1;transform:translateY(0)}.project-image{width:120px;height:300px;object-fit:fill;border-radius:10px;transition:opacity .5s ease-in-out,transform .1s ease-in-out}.line-checks{position:absolute;top:0;left:0;width:300px;height:180px;overflow:hidden;pointer-events:none;z-index:0}.line-checks .horizontal-line{position:absolute;left:0;height:1px;background:linear-gradient(to right,#fffc,#fff0);z-index:0}.line-checks .vertical-line-check{position:absolute;top:0;width:1px;background:linear-gradient(to bottom,#fffc,#fff0);z-index:0}.projects-section .vertical-lines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-evenly;pointer-events:none;z-index:0}.projects-section .vertical-line{width:.8px;height:100%;background:#3e3e3e;position:relative}.projects-section .pulse{position:absolute;top:0;left:0;width:100%;height:40px;background:linear-gradient(to bottom,#fffc,#fff0);opacity:0;animation:pulse-animation 3s infinite}.projects-section .vertical-line:nth-child(1) .pulse{animation-delay:0s}.projects-section .vertical-line:nth-child(2) .pulse{animation-delay:1s}.projects-section .vertical-line:nth-child(3) .pulse{animation-delay:.5s}.projects-section .vertical-line:nth-child(4) .pulse{animation-delay:1.5s}@keyframes pulse-animation{0%{top:0;opacity:1}to{top:100%;opacity:0}}@media (max-width: 600px){.project-box-container{flex-direction:column;height:67%}.expanded-content{flex-direction:column-reverse}.project-image{height:120px}.project-description li{font-size:10px}.project-info{padding:0}.project-link-icon{size:8px}.project-box.expanded .project-image{width:200px}.react-icon{font-size:24px}.project-box.expanded .project-link{width:35px;height:35px}.project-box.expanded{flex:4;padding:12px 0}.section-title{font-size:25px;left:38%}.project-name{font-size:22px}.project-name-container{bottom:45px}}