*{box-sizing:border-box;font-family:DM Sans,sans-serif;margin:0;padding:0}html{scroll-snap-type:y mandatory}body{background-color:#000;color:#d3d3d3}a{color:inherit;text-decoration:none}section{scroll-snap-type:y mandatory}.navbar{font-family:Lato,sans-serif;font-style:normal;font-weight:400;height:100px;padding:0 20px}.navbar,.wrapper{position:relative}.wrapper{height:100%;margin:0 auto}.logo-section{align-items:center;display:flex}.logoicon{height:clamp(60px,10vw,100px);padding:8px;width:clamp(60px,10vw,100px)}.wrapper span{color:#fff;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:400;margin-left:10px;transition:color .3s ease}.wrapper span:hover{color:purple}.desktop-menu{align-items:center;color:#e6e6fa;display:flex;gap:clamp(10px,3vw,20px)}.navbar a{color:#e6e6fa;font-size:clamp(.8rem,2vw,.9rem);padding:8px 12px;text-decoration:none;transition:color .3s,font-size .3s}.navbar a:hover{color:purple;font-size:clamp(.85rem,2.1vw,1rem)}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-between;padding:0;width:30px;z-index:1001}.hamburger-line{background-color:#e6e6fa;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.mobile-menu{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:-5px 0 15px #0000004d;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;position:fixed;right:0;top:0;width:300px}.mobile-menu a{border-radius:8px;color:#e6e6fa;font-size:1.2rem;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease;width:80%}.mobile-menu a:hover{background-color:#8000801a;color:purple;transform:translateX(-5px)}@media (max-width:768px){.navbar{padding:0 15px}.desktop-menu{display:none}.hamburger{display:flex}.wrapper span{font-size:clamp(1.2rem,3.5vw,1.8rem);margin-left:8px}.logoicon{height:clamp(50px,8vw,80px);padding:4px;width:clamp(50px,8vw,80px)}}@media (max-width:480px){.navbar{height:80px;padding:0 10px}.mobile-menu{width:100vw}.wrapper span{font-size:clamp(1rem,3vw,1.5rem);margin-left:5px}.logoicon{height:clamp(40px,7vw,60px);padding:2px;width:clamp(40px,7vw,60px)}}.icon-bar{left:0;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}.icon-bar a{color:#fff;display:block;font-size:20px;padding:16px;text-align:center;transition:all .3s ease}.icon-bar a:hover{background-color:#333}.github,.hackerrank,.leetcode,.linkedin{height:clamp(20px,4vw,25px);width:clamp(20px,4vw,25px)}@media (max-width:480px){.icon-bar{display:none}}.hero{background:#000;min-height:calc(100vh - 100px);overflow:hidden;padding:20px 50px}.hero,.hero-wrap{align-items:center;display:flex;position:relative}.hero-wrap{justify-content:space-between;margin:0 auto;max-width:1366px;width:100%;z-index:2}.hero-text{display:flex;flex:1 1;flex-direction:column;gap:clamp(1rem,4vw,2rem);justify-content:center;max-width:600px}.hero-h2{color:#639;font-size:clamp(1.5rem,5vw,3rem)}.hero-h1,.hero-h2{cursor:default;margin:0}.hero-h1{color:#2fd73a;font-size:clamp(2rem,6vw,4rem);line-height:1.2}.btn-container{gap:clamp(.5rem,3vw,1.5rem)}.hero-button{background-color:initial;border:1.5px solid #d3d3d3;border-radius:4px;color:#d3d3d3;cursor:pointer;font-size:clamp(.8rem,2vw,1rem);font-weight:400;min-width:clamp(120px,20vw,155px);padding:clamp(.8rem,2vw,1rem);transition:background-color .3s,color .3s}.hero-button:hover{background-color:#fff;color:#0b0b1d}.hero-button a{display:block;height:100%;width:100%}.hero-image{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:2rem}.hero-image img{height:clamp(8rem,25vw,16rem);object-fit:contain;width:auto}.movingText{bottom:1rem;color:#ffffff1e;cursor:default;font-size:clamp(3rem,12vw,8rem);font-weight:500;left:0;overflow:hidden;position:absolute;white-space:nowrap;width:100%;z-index:1}.hero::-webkit-scrollbar{display:none}@media screen and (max-width:768px){.navbar{height:80px;padding:0 15px}.wrapper span{margin-left:8px}.menu{gap:10px}.hero{min-height:calc(100vh - 80px);padding:20px 30px;text-align:center}.hero,.hero-wrap{flex-direction:column}.hero-wrap{align-items:center;gap:2rem}.hero-text{align-items:center;max-width:100%}.hero-image{margin-left:0;order:-1}.btn-container{justify-content:center}.icon-bar{display:none}.movingText{bottom:.5rem;text-align:center}}@media screen and (max-width:480px){.navbar{height:70px;padding:0 10px}.wrapper{flex-wrap:wrap;gap:10px}.wrapper span{font-size:1.2rem;margin-left:5px}.menu{flex-wrap:wrap;justify-content:center;width:100%}.hero{min-height:calc(100vh - 70px);padding:15px 20px}.hero-wrap{gap:1.5rem}.hero-text{gap:1rem}.btn-container{flex-direction:column;max-width:250px;width:100%}.hero-button{min-width:auto;width:100%}.movingText{bottom:.2rem;font-size:2.5rem}}@media screen and (min-width:1200px){.hero{padding:40px 80px}}@media screen and (max-width:320px){.navbar{height:60px}.hero{min-height:calc(100vh - 60px);padding:10px 15px}.hero-text{gap:.8rem}.movingText{font-size:2rem}}.cursor{border:1px solid #fff;border-radius:50%;height:30px;position:fixed;width:30px;z-index:999}.contact{align-items:center;background-image:linear-gradient(#0f0e0e,#5c1852);box-sizing:border-box;display:flex;gap:50px;margin:auto;max-width:1366px;min-height:100vh;overflow:hidden;padding:40px 80px}.contact-text{display:flex;flex:1 1;flex-direction:column;gap:40px}.contact h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:600;line-height:1.1;margin:0}.contact h1:hover{color:#78b121}.contact .item{transition:color .3s ease}.contact .item:hover{color:#78b121}.contact .item h2{font-size:clamp(1.2rem,3vw,1.5rem);margin:0 0 .5rem}.contact span{font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:300}.contact-form{flex:1 1;padding-right:50px;position:relative}.contactSvg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.contactSvg svg{height:clamp(200px,40vw,450px);width:clamp(200px,40vw,450px)}.contact form{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.contact input,.contact textarea{background-color:initial;border:1px solid #fff;border-radius:5px;color:#fff;font-size:clamp(.9rem,2vw,1rem);padding:20px;transition:border-color .3s ease}.contact input:focus,.contact textarea:focus{border-color:#78ab21;outline:none}.contact input::placeholder,.contact textarea::placeholder{color:#ffffffb3}.contact button{background-color:#78ab21;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;min-width:140px;padding:15px 20px;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact button:hover{background-color:initial;border:1px solid #fff;color:#fff}.footer{padding:20px 10px}@media screen and (max-width:768px){.contact{flex-direction:column;gap:30px;min-height:auto;padding:30px 40px;text-align:center}.contact-text{gap:30px;width:100%}.contact-form{margin:0 auto;max-width:500px;padding-right:0;width:100%}.contactSvg{display:flex;justify-content:center;left:auto;margin-bottom:20px;position:relative;top:auto;transform:none}.contactSvg svg{height:clamp(150px,35vw,300px);width:clamp(150px,35vw,300px)}.contact form{position:static}}@media screen and (max-width:480px){.contact{gap:20px;padding:20px}.contact-text{gap:20px}.contact .item{text-align:left}.contact input,.contact textarea{padding:15px}.contact button{min-width:auto;padding:15px;width:100%}.contactSvg svg{height:clamp(120px,50vw,200px);width:clamp(120px,50vw,200px)}.footer{padding:15px 10px}}@media screen and (min-width:1200px){.contact{padding:60px 100px}.contact-form{padding-right:100px}}@media screen and (max-width:320px){.contact{padding:15px}.contact-text{gap:15px}.contact input,.contact textarea{padding:12px}}.timeline{background-color:#000;color:#353535;font-size:16px}.title{color:#9acd32;font-size:3rem;padding:5rem;text-align:center}.title:hover{color:purple}h3{padding-bottom:.25rem;padding-top:.25em}.vertical-timeline-element-content{box-shadow:0 .25em .5em 0 #00000040,0 .4em 1.25em 0 #00000026;padding:2em 3em}.date{color:#9acd32}#description{margin:1em 0}@media only screen and (max-width:1700px){.vertical-timeline-element-date{color:#9acd32;display:block;float:none;margin-top:1em}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@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{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.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{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-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)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.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{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{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{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.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{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);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{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);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{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@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;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(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)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.projects{position:relative}.project-section{align-items:center;display:flex;min-height:100vh}h4{color:#9acd32;font-weight:400;padding-top:20px}h4:hover{color:purple;transition:color .3s ease}.progress{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;color:purple;display:flex;flex-direction:column;font-size:3rem;justify-content:center;left:0;padding:20px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.progressBar{background-color:#fff3;border-radius:2px;height:.4rem;overflow:hidden;transform-origin:left;width:80%}.container{justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 0}.container,.wrapper{align-items:center;display:flex;width:100%}.wrapper{gap:6rem;justify-content:space-between;margin:auto;max-width:1366px}.image-container{flex:1 1;margin-left:70px;padding:100px 0 0 120px}.image-container img{border-radius:12px;box-shadow:0 20px 40px #0000001a;height:200px;transition:transform .3s ease,box-shadow .3s ease;width:400px}.image-container img:hover{box-shadow:0 25px 50px #0003}.text-container{display:flex;flex:1 1;flex-direction:column;gap:2rem;padding:100px 250px 0 0}.project-heading{color:purple;font-size:1.5rem;transition:color .3s ease}.project-heading:hover{color:#9acd32}.project-desc{color:#e6e6fa;font-size:1rem;font-style:italic;line-height:1.6}.project-github{background-color:purple;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:large;font-weight:600;padding:.8rem;text-align:center;text-decoration:none;transition:all .3s ease;width:8rem}.project-github:hover{box-shadow:0 8px 20px #8000804d;transform:translateY(-2px)}html{scroll-behavior:smooth}@media (max-width:768px){.progress{font-size:2rem;padding:15px}.project-section{min-height:auto;padding:2rem 0}.container{min-height:auto;padding:1rem 0}.wrapper{flex-direction:column;gap:2rem;padding:20px}.image-container{display:flex;justify-content:center;margin-left:0;padding:0;width:100%}.image-container img{aspect-ratio:2/1;height:auto;max-width:300px;object-fit:cover;width:100%}.text-container{padding:0;text-align:center;width:100%}.project-heading{font-size:1.2rem}.project-desc{font-size:.9rem}.project-github{margin:0 auto;padding:.6rem 1.2rem;width:auto}}@media (min-width:769px) and (max-width:1024px){.progress{font-size:2.5rem}.container{padding:1.5rem 0}.wrapper{gap:4rem;padding:20px}.image-container{margin-left:30px;padding:50px 0 0 60px}.image-container img{height:150px;width:300px}.text-container{padding:50px 100px 0 0}.project-heading{font-size:1.3rem}}@media (min-width:1025px) and (max-width:1366px){.wrapper{gap:4rem}.image-container{margin-left:50px;padding:80px 0 0 80px}.image-container img{height:175px;width:350px}.text-container{padding:80px 150px 0 0}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.projects{scroll-behavior:auto}}.about{box-sizing:border-box;margin:0 20px;min-height:100vh;padding:20px 0}.section-name{justify-content:center;margin-bottom:2rem}.about-content,.section-name{align-items:center;display:flex}.about-content{gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.about-text{font-size:clamp(1rem,2.5vw,1.5rem);padding-top:25px;width:65%}.head{color:#9acd32;font-size:clamp(2rem,6vw,3.5rem);margin:0;text-align:center}.head:hover{color:purple}.about-text p{color:#f6f2f2;line-height:1.6;margin-bottom:1.5rem}.about-image{align-items:center;display:flex;justify-content:center;width:35%}.about-image img{aspect-ratio:1;border:8px solid #0000;border-radius:50%;height:auto;max-width:300px;object-fit:cover;width:100%}.btn-container{display:flex;flex-wrap:wrap;gap:1rem;padding-top:2rem}button{background-color:initial;border:1px solid #d3d3d3;border-radius:4px;color:#d3d3d3;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);min-width:150px;padding:1rem 1.5rem;transition:background-color .3s,color .3s}button:hover{background-color:#fff;color:#0b0b1d}button a{color:inherit;display:block;height:100%;text-decoration:none;width:100%}@media screen and (max-width:768px){.about{margin:0 15px;min-height:auto;padding:15px 0}.about-content{flex-direction:column;gap:2rem;text-align:center}.about-text{order:2;padding-top:0;width:100%}.about-image{margin:0 auto;max-width:250px;order:1;width:100%}.btn-container{justify-content:center;padding-top:1.5rem}}@media screen and (max-width:480px){.about{margin:0 10px;padding:10px 0}.section-name{margin-bottom:1.5rem}.about-content{gap:1.5rem}.about-image{max-width:200px}.about-image img{border-width:4px}.btn-container{align-items:center;flex-direction:column;padding-top:1rem}button{max-width:250px;padding:.8rem 1rem;width:100%}}@media screen and (min-width:1200px){.about{margin:0 auto;max-width:1400px}}.footer{background-color:#000;border-top:1px solid #333;color:#fff;font-family:Lato,sans-serif;font-size:clamp(.8rem,2vw,1rem);line-height:1.5;padding:clamp(15px,3vw,30px) clamp(10px,2vw,20px);text-align:center}.footer p{margin:0;padding:5px 0}.footer a{color:#e6e6fa;text-decoration:none;transition:color .3s ease}.footer a:hover{color:purple}@media (max-width:768px){.footer{font-size:clamp(.75rem,1.8vw,.9rem);padding:clamp(12px,2.5vw,25px) clamp(8px,1.5vw,15px)}}@media (max-width:480px){.footer{font-size:clamp(.7rem,1.6vw,.85rem);line-height:1.4;padding:clamp(10px,2vw,20px) clamp(5px,1vw,10px)}.footer p{padding:3px 0}}@media (max-width:320px){.footer{font-size:.65rem;padding:8px 5px}}.skillsList{border-radius:10px;cursor:pointer;font-size:14px;margin-right:50px;padding:7px}@media (max-width:768px){.skillsList{margin-right:20px}}.skillsList.active{background-color:purple;color:#fff}.skills{align-items:center;display:flex;flex-direction:column;height:100vh;padding-top:50px}.skills h1{color:#9acd32;font-size:50px}.skills h1:hover{color:purple}.skills ul{display:flex;list-style:none;margin:10px;padding:0}@media (max-width:768px){.skills ul{flex-wrap:wrap;justify-content:center;margin:10px 0}}.skills .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:70%}@media (max-width:768px){.skills .container{width:100%}}.skills .container .item{align-items:center;border:1px solid #f0efef;border-radius:20px;color:#fff;cursor:pointer;display:flex;height:150px;justify-content:center;margin:10px 20px;position:relative;transition:all .5s ease;width:200px}@media (max-width:768px){.skills .container .item{height:100px;width:130px}}.skills .container .item h3{font-size:20px;position:absolute}.skills .container .item img{border-radius:20px;height:100%;width:100%;z-index:1}.skills .container .item:hover{background-color:purple}.skills .container .item:hover img{opacity:.2;z-index:0}
/*# sourceMappingURL=main.f29f1015.css.map*/