@import"`https://fonts.googleapis.com/css?family=Roboto+Condensed`";body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width: 768px){body{overflow-x:hidden}.app-wrapper{flex-direction:column!important}.dp{width:100vw!important;height:auto!important}.mob-profile,.mob-navbaar,.menu-close{display:block!important}.pc-navbaar{display:none!important}.f4{font-size:1.8em!important}.f3,.f2,.f1{font-size:.9em!important}.nav{height:100%!important;flex-direction:column!important;align-items:center;padding-top:1rem!important;border:none!important;position:fixed;bottom:0;left:0;background-color:#e6e6e6;box-shadow:0 -2px 10px #0000001a;z-index:1000}.nav-profile{display:flex!important;flex-direction:column}.nav-name{display:block!important;font-size:.9rem}.nav-options-cont{width:90%!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.2rem!important;padding:.2rem!important;justify-content:space-around}.div-option{flex:1 1 auto!important;height:auto!important;padding:.5rem!important;font-size:.8rem!important;margin:.1rem!important;box-shadow:none;border:1px solid #ccc}.div-option:hover{transform:none;box-shadow:none}.div-option:last-child:before{display:none}.menu-close{display:block!important;position:absolute;top:10px;right:10px;left:auto}.top-home-cont,.bottom-home-cont{height:auto!important;padding:1rem!important;flex-direction:column;justify-content:center;align-items:center}.home-boy-img{display:none!important}.home-main-row{flex-direction:column!important;gap:1rem!important}.name-title{font-size:2.5rem!important;text-align:center}.description-container{max-width:90%!important;text-align:center}.description-text{font-size:1em!important}.typewriter{font-size:.9em!important}.logos{width:30px!important;height:30px!important}.neu-btn,.cv-download{width:0%!important;padding:.75rem!important;font-size:1em!important}.frame{width:90%!important;max-width:90%!important}.contact-frame .neu-btn{width:60px!important;height:60px!important}.card{width:95%!important;margin:1rem auto!important;height:25%!important;padding:1rem!important;flex-direction:column;box-shadow:.4rem .4rem 1rem #ccc,-.4rem -.4rem 1rem #fff}.card .no-ind{width:70px!important;height:70px!important;top:10px!important;left:50%!important;transform:translate(-50%)!important;position:relative;margin-bottom:1rem}.card .content{visibility:visible!important;opacity:1!important;top:0!important;padding:.5rem!important;text-align:center}.view-button{opacity:1!important;position:relative!important;bottom:0!important;transform:none!important;margin-top:1rem;width:80%}.contact-forms{max-width:95%!important;padding:1rem!important;margin:1rem auto!important}.contact .boxc{width:95%!important;height:auto!important;padding:1rem!important;box-shadow:.4rem .4rem 1rem #ccc,-.4rem -.4rem 1rem #fff}.username,.password,.text-area{width:95%!important;height:auto!important;padding:.5rem!important;margin-bottom:1rem!important;box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff}.fields input,.fields textarea{width:calc(100% - 2vw)!important;padding-left:1vw!important}.submitBtn{width:95%!important;padding:1rem!important;justify-content:center!important;flex-direction:column;gap:1rem}.submitBtn .neu-btn{width:80%!important}.left-exp,.right-exp,.exp-bottom-left{width:100%!important;flex-direction:column!important;padding:0!important}.small-blocks{flex-direction:column!important;gap:1rem!important}.small-block-child,.c-details,.ex-c-detils{width:95%!important;padding:.5rem!important;margin:.5rem auto}.no-block{display:none!important}.chart--item{width:clamp(10px,6vw,20px)!important;height:auto!important;margin:.5rem 0!important;padding:.25rem!important}.project-detail-container{padding:1rem!important}.project-title{font-size:1.8rem!important}.project-content{gap:1rem!important}.tech-grid{grid-template-columns:1fr!important;gap:1rem!important}.links-container{flex-direction:column!important;gap:.5rem!important}.per-project{width:100%!important;height:auto!important;overflow:visible!important;padding:.5rem!important}.skills-container{width:95%!important;height:auto!important;padding:1rem!important;margin:1rem auto}.skills-grid{grid-template-columns:1fr!important;gap:1rem!important}.skills-list{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.skill-category{padding:1rem!important}.skill-item{padding:.5rem!important;font-size:.9rem!important;min-height:auto!important}}body{margin:0;padding:0;background-color:#e6e6e6;min-height:100vh;width:100%;position:relative;display:flex;box-sizing:border-box;overflow-x:hidden}.app-wrapper{display:flex;flex-direction:row}.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.3),-2px -2px 4px rgba(255,255,255,1);border-radius:4px}.f3{font-size:1.5em;font-weight:900;color:#696969}.f4{font-size:2em;font-weight:900;color:#696969}.f2{font-size:1.2em;color:#000}.f1{font-size:.9em;color:#000}.dp{width:78vw;height:100%}.df{display:flex;justify-content:center;align-items:center}.disable{opacity:.4;pointer-events:none;cursor:not-allowed}.bodycard-header{border-bottom:solid 1px gray;padding-top:5px;width:100%;display:flex;justify-content:center;padding-bottom:5px}.bodycard-content{display:flex;justify-content:center;flex-direction:column;width:100%}.bodycard-bg{background-repeat:no-repeat;background-size:cover;background-image:url(/assets/tools-Cty2sDsc.webp)}.mob-profile,.mob-navbaar,.menu-close{display:none}.nav{height:100px;background-color:#efeeee;box-shadow:10px 10px 12px #00000012;padding:0 3vw;list-style-type:none;height:100vh;margin:0;width:15vw;border-radius:solid 1px red;border-right:solid #646a649e 1px;display:flex;flex-direction:column;justify-content:space-around}.nav-profile{display:flex;justify-content:center;width:100%;height:30vh;align-items:center}.profile-image{margin:1rem 0;border:2px solid #d2e3d2;border-radius:50%;height:10vw;width:10vw;box-shadow:.4rem .4rem 1rem #ccc,-.4rem -.4rem 1rem #fff;background-image:url(https://res.cloudinary.com/dxpcwcmv3/image/upload/v1747638885/hdefjcolkcdzkj3ewndz.jpg);background-repeat:no-repeat;background-size:100% 120%;background-position:top}.nav-name{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.typewriter{font-family:Courier New,Courier,monospace;font-size:1.7rem;height:1.2em;overflow:hidden;white-space:nowrap;border-right:3px solid currentColor;animation:blink-cursor .8s steps(2) infinite}@keyframes blink-cursor{0%,to{border-color:transparent}50%{border-color:currentColor}}.nav-options-cont{height:calc(100% - 40vh);width:100%;display:flex;flex-direction:column;align-items:center;padding-top:3vh}.div-option{display:block;margin:1vh 0;border-radius:5rem;font-size:1rem;box-shadow:.4rem .4rem 1rem #ccc,-.4rem -.4rem 1rem #fff;color:#696969;color:#008b8b;width:100%;height:6vh;display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;position:relative}.div-option:last-child:before{content:"";position:absolute;top:5px;right:5px;width:10px;height:10px;background-color:#06830a;border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.div-option:hover{transform:scale(1.05);box-shadow:4px 4px 10px #0000001a,-4px -4px 10px #fff;font-weight:700}a{text-decoration:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center}a:focus{transform:scale(1.05);font-weight:700}.menu-close{position:absolute;left:1vw;top:1vw}.menu-close-icon-mob{background-image:url(D:PORTFOLIOPortfolio-Narvinsrc\assetslogossquare-xmark-solid.svg);background-size:contain;background-repeat:no-repeat;height:5vw;width:5vw}.top-home-cont{width:100%;height:70vh;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;position:relative}.dfc{display:flex;justify-content:center;align-items:center}.home-boy-img{position:absolute;height:100vh;background-image:url(D:PORTFOLIOPortfolio-Narvinpublicoy.png);width:20vw;background-repeat:no-repeat;background-size:contain;right:0}.logo svg .blinkit{-webkit-animation:blink-anime 1.6s infinite;animation:blink-anime 1.6s infinite}@keyframes blink-anime{0%{fill:#000}49%{fill:#000}60%{fill:transparent}99%{fill:transparent}to{fill:#000}}.computer_graphic{--animate-duration: 1s;--animate-repeat: 1;--animate-delay: .2s;font-family:Source Sans Pro,sans-serif;-webkit-font-smoothing:antialiased;font-size:18px;line-height:24px;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#f0f8ff;text-align:left}.computer_graphic svg{width:100%;height:auto;max-width:320px;display:block}.computer_graphic svg .code_graph path{animation:float 4s ease-in-out infinite;transition:all .3s ease-out}.computer_graphic svg .code_graph:hover path:not(#path3776):not(#path3780):not(#path3772){fill:#f4a949!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-300px)}to{transform:translateY(0)}}.neu-btn-style{box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff}.neu-btn{box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff;width:5vw;padding:1vw;border-radius:.5rem}.neu-btn:hover{transform:scale(1.05);color:#008b8b;box-shadow:4px 4px 10px #0000001a,-4px -4px 10px #fff}.frame{display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:80px;width:435px;position:relative;box-shadow:7px 7px 20px #fff9,4px 4px 5px #fff9,7px 7px 20px #0002,4px 4px 5px #0001,inset 0 0 #fff9,inset 0 0 #0001,inset 0 0 #fff9,inset 0 0 #0001;transition:box-shadow .6s cubic-bezier(.79,.21,.06,.81);border-radius:10px}.bottom-home-cont{width:100%;height:30vh;display:flex;justify-content:center;align-items:center}.logos{height:2vw;width:2vw;background-size:contain;background-repeat:no-repeat;color:red}.wts{background-image:url(https://res.cloudinary.com/dxpcwcmv3/image/upload/v1747640124/qrfrepuuu38ap8temv1c.svg)}.mail{background-image:url(https://res.cloudinary.com/dxpcwcmv3/image/upload/v1747640416/bow0pvxzypo8fv1yevz9.svg)}.linkedin{background-image:url(https://res.cloudinary.com/dxpcwcmv3/image/upload/v1747640350/ojc4rwivmpdgar9v52gc.svg)}.call{background-image:url(https://res.cloudinary.com/dxpcwcmv3/image/upload/v1747640254/upngqwsfvnwdvemifd3j.svg)}.github{background-image:url(https://res.cloudinary.com/dxpcwcmv3/image/upload/v1747640301/kuznx0mnxttrsag5zl2p.svg)}a{text-decoration:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#000}.contact-frame .neu-btn:hover{border-radius:50%;border:solid #646a649e 1px}.home-details-container{display:flex;flex-direction:column;padding:2rem;max-width:1200px;margin:0 auto}.name-title{font-size:3.5rem;font-weight:700;margin-bottom:2rem;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.description-container{margin-bottom:3rem;max-width:60%}.description-text{font-size:1.1rem;line-height:1.8;color:#444;text-align:left;word-spacing:.1em}.cv-download-container{display:flex;justify-content:flex-start;margin-top:2rem}.cv-download{width:auto!important;min-width:150px;padding:1rem 2rem;font-size:1.1rem;text-align:center}.logo{display:flex;align-items:center;gap:10px;margin-bottom:2rem}.logo svg{width:40px;height:23px}.logo h1{margin:0;font-size:2rem;font-weight:600;color:#333}.home-main-row{display:flex;align-items:center;justify-content:space-between;gap:3rem;width:100%;margin-bottom:2rem}.description-container{flex:2;max-width:60%;margin-bottom:0}.computer_graphic{flex:1;display:flex;justify-content:center;align-items:center;margin:0;max-width:600px}.contact-forms{margin:1rem auto;max-width:70rem;border-radius:.5rem;box-shadow:.4rem .4rem 1rem #ccc,-.4rem -.4rem 1rem #fff;padding:2rem}.contact .boxc{padding:1rem 1.5rem;width:100%;background:none;color:gray;font-size:1.6rem;text-transform:none;margin:.7rem 0;border-radius:.5rem;width:50vw;height:80vh;box-shadow:.4rem .4rem 1rem #ccc,-.4rem -.4rem 1rem #fff}.contact-form{width:100%;height:100%;padding:1rem}.contact form textarea{height:20rem;resize:none}.contact form .box:focus{box-shadow:var(--box-shadow-inset)}.textfield{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;width:100%}.textfield span{font-size:1.2rem}.textfield div{box-shadow:.4rem .4rem 1rem #ccc,-.4rem -.4rem 1rem #fff;border:none;display:flex;align-items:center;padding:.5rem 1rem;width:100%}.fields input{display:flex;justify-content:center;align-items:center;border:none;outline:none;background:none;font-size:18px;color:#555;height:100%;width:calc(100% - 1vw);padding-left:1vw}.username,.password{margin-bottom:5vh;border-radius:5px;box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff;width:90%;height:7vh}.text-area{margin-bottom:5vh;border-radius:5px;box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff;width:90%;height:20vh}.dfc{display:flex;flex-direction:column;align-items:center}.fields textarea{display:flex;justify-content:center;align-items:center;border:none;outline:none;background:none;font-size:18px;color:#555;height:100%;width:calc(100% - 1vw);padding-left:1vw;resize:none}.submitBtn{width:90%;display:flex;align-items:center;padding-right:5vw;font-weight:700;cursor:pointer;justify-content:space-evenly}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 3px 0 4px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.skills-container{padding:2rem;width:1452px;margin:0 auto;height:100vh;overflow-y:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.skills-container::-webkit-scrollbar{display:none}.skills-header{text-align:center;margin-bottom:3rem}.skills-header h1{font-size:2.5rem;color:#696969;margin-bottom:1rem}.skills-header p{font-size:1.1rem;color:#666}.skills-content{display:flex;flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto}.skills-section{background:#fff;padding:2rem;border-radius:1rem;box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff}.skills-section h2{margin-bottom:2rem;text-align:center;color:#696969}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category{background:#e6e6e6;border-radius:1rem;padding:1.5rem;transition:transform .3s ease;display:flex;flex-direction:column}.skill-category:hover{transform:translateY(-5px)}.category-title{font-size:1.5rem;color:#696969;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #d2e3d2;text-align:center}.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;flex-grow:1;align-content:start}.skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#e6e6e6;border-radius:8px;box-shadow:inset .2rem .2rem .5rem #c8d0e7,inset -.2rem -.2rem .5rem #fff;transition:all .3s ease;text-align:center;word-break:break-word;min-height:100px}.skill-item:hover{box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff}.skill-icon{width:40px;height:40px;object-fit:contain;margin-bottom:.5rem;transition:transform .3s ease}.skill-item:hover .skill-icon{transform:scale(1.1)}.skill-name{font-size:.9rem;color:#555;margin-top:.5rem;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card{position:relative;height:180px;margin:0 3vh 3vh;padding:20px 15px;display:flex;flex-direction:column;box-shadow:0 5px 20px #00000080;transition:.3s ease-in-out;border-radius:15px;box-shadow:.4rem .4rem 1rem #ccc,-.4rem -.4rem 1rem #fff;height:25vh;width:90%}.card .no-ind{width:260px;height:260px;top:-40%;left:8px;z-index:1}.card .content{position:relative;top:-140px;padding:10px 15px;color:#111;text-align:center;visibility:hidden;opacity:0;transition:.3s ease-in-out}.no-ind{box-shadow:inset 5px 5px 5px #0000000d,inset -5px -5px 5px #ffffff7f,5px 5px 15px #0000000d,-5px -5px 15px #ffffff7f}.box{position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:#e7f1f952;box-shadow:0 10px 20px #0000001a;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;display:flex;justify-content:center;transition:.5s ease-in-out;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;overflow:hidden;text-overflow:ellipsis}.p-box{margin-top:60%}.card .box .content{padding:20px;text-align:center}.card .box h2{position:absolute;right:0;font-size:8em;color:#00000014;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;pointer-events:none;top:-4vh}.card:hover h2{color:#0000007f;bottom:-10px;transition:1s ease-in-out;-webkit-transition:1s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;top:-30px;right:0;font-size:2em;z-index:222}.card:hover{background-color:#8b8e915b;border:solid gray 1px}.card:hover .box{z-index:11;opacity:1;background:#e7f1f9f5;height:100%;border:solid 1px #d1d1d1}.p1{padding:1vw}.view-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:8px 20px;background:var(--card-bg);color:var(--text-color);border:none;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease;opacity:0;box-shadow:0 2px 4px #0000001a}.card:hover .view-button{opacity:1;bottom:30px}.view-button:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 4px 8px #0003}.ofc-project{width:100%;height:100vh;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.ofc-project::-webkit-scrollbar{display:none}.per-project{width:30%;border-right:solid gray 1px;height:100vh;overflow:scroll;padding:1%}i{color:red}.project-detail-container{padding:2rem 4rem;width:100%;max-width:1200px;margin:0 auto;color:var(--text-color);min-height:100vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.project-detail-container::-webkit-scrollbar{display:none}.back-button{background:var(--card-bg);border:1px solid rgba(255,255,255,.1);color:var(--text-color);font-size:1rem;cursor:pointer;padding:.8rem 1.5rem;margin-bottom:1rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.back-button:hover{transform:translate(-5px);background:var(--hover-bg);box-shadow:0 4px 12px #0000001a}.project-header{padding:2rem;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #0000001a}.project-title{font-size:2.8rem;margin-bottom:1rem;color:var(--text-color);font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-org{font-size:1.2rem;color:var(--text-color);opacity:.8;font-weight:500}.project-content{display:grid;gap:3rem;padding:1rem}.project-video{width:100%;background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;box-shadow:0 4px 6px #0000001a}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.project-description{line-height:1.8;background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a}.project-description h2,.project-video h2,.project-technologies h2,.project-links h2{font-size:2rem;margin-bottom:1.5rem;color:var(--text-color);font-weight:600;position:relative;padding-bottom:.5rem}.project-description h2:after,.project-video h2:after,.project-technologies h2:after,.project-links h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:3px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-top:1.5rem}.tech-badge{background:var(--card-bg);padding:1rem;border-radius:12px;text-align:center;font-size:1rem;font-weight:500;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.tech-badge:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000026;border-color:var(--primary-color)}.tech-badge i{font-size:1.5rem}.links-container{display:flex;gap:1.5rem;margin-top:1.5rem}.project-link{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:var(--card-bg);color:var(--text-color);text-decoration:none;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;font-weight:500;border:1px solid rgba(255,255,255,.1)}.project-link:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000026;background:var(--hover-bg);border-color:var(--primary-color)}.project-link i{font-size:1.5rem}.loader-wrapper{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden}.loader{position:relative;margin:auto;width:350px;color:#fff;font-family:Roboto Condensed,sans-serif;font-size:250%;background:linear-gradient(180deg,#222 0,#444);box-shadow:inset 0 5px 20px #000;text-shadow:5px 5px 5px rgba(0,0,0,.3)}.loader:after{content:"";display:table;clear:both}span{float:left;height:100px;line-height:120px;width:50px;box-sizing:border-box}.loader>span{border-left:1px solid #444;border-right:1px solid #222;display:inline-block}.covers{position:absolute;height:100%;width:100%}.covers span{background:linear-gradient(180deg,#e6e6e6 0,#fff);animation:up 2s infinite}@keyframes up{0%{margin-bottom:0}16%{margin-bottom:100%;height:20px}50%{margin-bottom:0}to{margin-bottom:0}}.covers span:nth-child(2){animation-delay:.142857s}.covers span:nth-child(3){animation-delay:.285714s}.covers span:nth-child(4){animation-delay:.428571s}.covers span:nth-child(5){animation-delay:.571428s}.covers span:nth-child(6){animation-delay:.714285s}.covers span:nth-child(7){animation-delay:.857142s}