body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,body,html{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;overflow-y:auto}@media (max-width:768px){.about,.bio-info,.intro,.port-body,.roadmap{margin:0 auto;padding:0 5%}.about-img,.profile{height:auto;max-width:100%}.nav,.sidebar{width:100%}}body{background:var(--background-color);color:var(--text-color);font-family:Urbanist,Raleway,sans-serif;overflow-x:hidden;transition:background 1s ease,color .9s ease}div,h1,h2,h3,input,p,span,textarea{font-family:Urbanist,sans-serif}img{pointer-events:none}@media (min-width:768px){.p-txt{font-size:20px}.f-24,.p-txt-btn{font-size:24px}.f-30{font-size:30px}.f-50{font-size:50px}.f-55{font-size:55px}}.nav{align-items:center;box-shadow:0 2px 5px #0000001a;display:flex;height:80px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.list{margin-left:5%;padding:0}.item{cursor:pointer;display:inline-block;list-style:none;margin:0;overflow:hidden;padding:31px 15px;position:relative;text-align:center;transition:all .3s ease}.item.active{font-weight:700}.item.active:after{background-color:#000;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:100%}.item:hover:before{animation:ripple .6s ease-out forwards;background:#dadadab3;border-radius:50%;content:"";height:200%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%}@keyframes ripple{to{height:400%;opacity:0;width:400%}}@media (max-width:768px){.item:hover:before{background:#2196f3b3}}@media (min-width:769px){.item:hover:before{background:#cacacab3}}.links{display:flex;margin-right:5%}.icon{height:30px;margin-left:20px;width:30px}.effect{transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-radius .3s ease-in-out}.effect:hover{cursor:pointer;transform:scale(1.05)}.glow-light{height:100px}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px;margin-left:20px}.line-light{background:#000;height:3px;transition:all .3s ease;width:25px}.sidebar{background:#fdfdfd;box-shadow:2px 0 5px #0000001a;height:100%;left:-100%;padding:20px;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:2000}.sidebar.open{left:0}.sidebar-list{list-style:none;padding:0}.sidebar-list .item{border-bottom:1px solid #0000001a;cursor:pointer;display:block;padding:15px;text-align:left}.overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1500}.overlay.show{display:block}@media (max-width:768px){.list{display:none}.hamburger{display:flex}}.intro{margin-left:6%;margin-right:6%}.body,.intro{align-items:center}.body{display:flex;justify-content:space-between}.text{width:40vw}.profile{height:412px;width:412px}.body-apple{align-items:center;display:flex}.body-txt-btn{background-color:#000;border:none;border-radius:40px;color:#fff;display:inline-block;margin-top:30px;padding:15px 50px}.body-txt-btn:hover{border-radius:80px;box-shadow:0 5px 10px #0003;transform:scale(1.05)}.intro-label{display:flex;justify-content:space-between;margin-right:70px}.intro-scroll{align-items:center;display:flex;padding:70px;text-align:center}.bio-info{display:flex;justify-content:space-between;margin:3% 15% 5%}.bio-data{align-items:center;text-align:center}@media (max-width:768px){.intro{margin-left:5%;margin-right:5%;margin-top:5%;text-align:center}.body{flex-direction:column}.text{align-items:center;margin-bottom:20px;width:100%}.profile{height:250px;margin:20px auto;width:250px}.body-txt-btn{font-size:20px;padding:10px 30px}.blue-effect-dark{display:none}.intro-label{justify-content:center;margin-right:0}.intro-scroll{font-size:14px;padding:20px}.bio-info{flex-direction:column;gap:20px;margin:5% 10%}.body-apple{justify-content:center}.bio-data{text-align:center}.bio-data h1{font-size:40px}.bio-data p{font-size:18px}}.passion{align-items:center;margin-top:7%;text-align:center}.about{margin:0 5%}.about-data{align-items:center;display:flex;margin-top:5%}.about-img{border-radius:40px;height:580px;width:520px}.about-text{margin-left:5%}.roadmap-text{align-items:center;padding:70px;text-align:center}@media (max-width:768px){.passion{margin-top:5%;text-align:center}.about{margin:0 5%}.about-data{flex-direction:column;margin-top:3%;text-align:center}.about-img{border-radius:20px;height:auto;margin-bottom:20px;width:100%}.about-text{font-size:18px;margin:0}.roadmap{margin-top:5%}.roadmap-text{padding:30px}.roadmap-main{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}.roadmap-main div{background-color:#d3d3d3;border-radius:10px;height:100px;width:100px}}.slider-light{background-color:#f9f9f9;margin-top:5%}.slider-container-light{align-items:center;background-color:#f9f9f9;margin:auto;overflow:hidden;padding:20px;position:relative;text-align:center;width:80%}.slide{display:none}.slide.active{display:block}.slide.swipe-left{animation:swipe-right .5s alternate-reverse}.slide.swipe-right{animation:swipe-left .5s alternate-reverse}@keyframes swipe-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes swipe-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}.profile-image{border-radius:50%;height:80px;width:80px}.role{color:gray}.slider-icon-light{filter:brightness(0) invert(1);height:30px;width:30px}.slider-body{align-items:center;margin:5% 15%;text-align:center}.slider-profile{align-items:center;display:flex;justify-content:center;margin-top:7%}.profile-info{margin-left:10px;text-align:left}.next-btn,.prev-btn{border:none;border-radius:50%;cursor:pointer;font-size:25px;padding:17px 20px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.btn-light{background-color:#000}.prev-btn{left:10px}.next-btn{right:10px}.next-btn:hover,.prev-btn:hover{background-color:#181818;border-radius:80px;box-shadow:0 5px 10px #0003}.dots-container{align-items:center;display:flex;gap:10px;justify-content:center;padding-bottom:6%}.dot-light{background-color:#ccc;border-radius:50%;cursor:pointer;height:7px;transition:background-color .3s,transform .3s;width:7px}.dot-light.active-dot{background-color:#000;border-radius:30px;height:10px;transform:scale(1.2);width:30px}.quote{fill:gray;margin-bottom:4%}@media (max-width:768px){.slider-container-light{padding:10px;width:100%}.slider-body h2{font-size:28px}.slider-body p{font-size:18px}.profile-image{height:60px;width:60px}.next-btn,.prev-btn{display:none}.slider-profile{flex-direction:column;margin-top:5%;text-align:center}.profile-info{margin-left:0;text-align:center}.dot{height:10px;width:10px}.dot.active-dot{height:7px;width:20px}}@media (max-width:1024px){.slider-container{width:85%}.slider-body h2{font-size:35px}.slider-body p{font-size:22px}.next-btn,.prev-btn{font-size:22px;padding:15px}}.road-dark-img,.road-light-img{display:block;margin-bottom:3%;margin-top:3%;transition:opacity 1s ease-in-out;width:100%}.dr-dark,.lt-light{display:none}.portfolio{margin:0 5%}.port-head{align-items:center;margin-bottom:40px;text-align:center}.port-head h1{font-size:50px}.port-body{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.project{box-sizing:border-box;flex-basis:calc(33.33% - 20px);flex-grow:1;flex-shrink:1;margin:1% 0 0;max-width:calc(33.33% - 20px);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-radius .3s ease-in-out}.project:hover{border-radius:2px;cursor:pointer;transform:scale(1.05)}.port-image{border-radius:20px;height:auto;max-height:35vh;object-fit:cover;width:100%}@media (max-width:1099px){.project{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;max-width:calc(50% - 20px)}.port-image{height:200px}}@media (max-width:768px){.portfolio{margin:0}.port-body{align-items:center;flex-direction:column;width:96%}.project{flex:1 1 100%;max-width:100%}.port-image{border-radius:10px;height:auto}.port-head h1{font-size:30px}}.skills{color:#333;font-family:Arial,sans-serif;margin:auto;max-width:1200px;padding:40px 20px}.skills-head-light{margin-bottom:30px;text-align:center}.skills-head-light h1{color:#222;font-size:2.5rem;margin-bottom:10px}.skills-head-light p{color:#555;font-size:1rem}.skills-main{flex-wrap:nowrap;gap:15px;overflow:none;padding-bottom:10px}.individual-skill-light,.skills-main{display:inline-block;text-align:center}.individual-skill-light{background:#ebebeb;border-radius:50px;box-shadow:0 3px 6px #00000029;color:#000;cursor:pointer;font-size:1.2rem;font-weight:500;margin:10px 8px;padding:15px 20px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.individual-skill-light:hover{box-shadow:0 5px 10px #0003;transform:scale(1.05)}.skills-main::-webkit-scrollbar{display:none}.skills-main{-ms-overflow-style:none}.form-container{margin:2% 10% 5%;text-align:center}.form-body{display:flex;justify-content:center;text-align:center}.form-input-light{border:none;border-bottom:2px solid #979797}.form-input-dark,.form-input-light{background-color:initial;font-size:30px;margin-top:10%;outline:none;padding:20px;transition:border-color .5s ease-in-out;width:100%}.form-input-dark{border:none;border-bottom:2px solid #414141;color:#fff}.form-input-light:focus{border-bottom-color:#000}.form-input-dark:focus{border-bottom-color:#fff}.form-input::placeholder{color:#888}.project-details{width:100%}.form-textbox::placeholder{margin-bottom:5%;position:absolute}.form-button{background-color:#000;border:none;border-radius:30px;color:#fff;font-size:20px;padding:15px 25px}.form-button-main{display:flex;justify-content:end;margin-top:5%}@media screen and (max-width:768px){body{overflow-x:hidden}.form-container{margin:2% 3% 5%}.form-container,.form-input{box-sizing:border-box;width:100%}.form-input{font-size:24px;padding:12px}.form-button{font-size:18px;padding:12px 18px}.form-body{box-sizing:border-box;flex-direction:column;gap:20px;width:100%}.form-button-main{justify-content:center}}.footer-light{background-color:#dadada;height:50vh}.footer-body{display:flex;justify-content:space-between;margin:4% 10% 2%}.footer-link{color:#7a7a7a;font-size:20px;text-decoration:none}.footer-body-left{margin-top:4%}.footer-div{margin-top:5%}.footer-body-right{margin-top:4%}.footer-bottom-light{align-items:center;background-color:#dadada;display:flex;justify-content:space-between;text-align:center}.footer-bottom-div1{align-items:center;display:flex;margin-left:7%}.footer-bottom-div3{margin-right:7%}.footer-icon-light{filter:brightness(1) invert(0);margin-left:9px}.footer-icon:hover{border-radius:80px;box-shadow:0 5px 10px #0003;transform:scale(1.05)}.icon-container{background-color:#000;border:none;border-radius:50px;margin-right:9px;padding:10px}.icon-container:hover{background:#3a3a3a}.icon-container:hover,.icon:hover{box-shadow:0 5px 10px #0003;transform:scale(1.05)}.icon:hover{border-radius:80px;cursor:pointer}.download-icon-light{filter:invert(1);height:30px;width:30px}.footer-bottom-div2{margin-bottom:4%;margin-top:4%}@media screen and (max-width:768px){.footer{padding:10px;text-align:center}.footer-body{flex-direction:column;margin:2% 5%}.footer-link{font-size:18px}.footer-body-left,.footer-body-right{margin-top:10px;text-align:center;width:100%}.footer-bottom-light{display:block;margin-top:20px;text-align:center}.footer-bottom-div1,.footer-bottom-div2,.footer-bottom-div3{justify-content:center;margin-bottom:10px;text-align:center;width:100%}.footer-icon{height:25px;margin:5px;width:25px}.footer-bottom-div2{font-size:18px}}body.dark-mode{background-color:#000;color:#fff}.nav.dark{background:#0000;overflow:hidden}.glow-dark{align-items:flex-end;display:flex;height:100px;justify-content:end;position:relative;width:100%}.yellow-effect-dark{background:radial-gradient(circle at top right,rgba(255,255,0,.836) 0,#ffff004d 50%,#fbff0000 100%),radial-gradient(circle at top right,#ff03 0,#ff00 50%);position:absolute;translate:15%}.blue-effect-dark,.yellow-effect-dark{filter:blur(40px);height:200px;pointer-events:none;width:300px}.blue-effect-dark{background:radial-gradient(circle at left,rgba(4,0,255,.836) 0,#02195a4d 50%,#0400ff00 100%),radial-gradient(circle at left,#0400ff33 0,#0004ff00 50%);translate:-40%}.nav.dark .item{color:#fff}.nav.dark .item.active:after{background-color:#fff}.nav.dark .links .icon{filter:invert(1)}.line-dark{background:#fff;height:3px;transition:all .3s ease;width:25px}.sidebar.dark{background:#1a1a1a}.sidebar.dark .item{border-bottom:1px solid #fff3;color:#fff}.overlay.dark{background:#fff3}.body-txt-btn-dark{background-color:#ff0;color:#000}.body-text-dark{color:#fff;font-size:30}.body-apple-dark img{filter:brightness(0) invert(1)}body.dark .bio-info{color:#fff}.icon-dark{filter:invert(1)}.slider-dark{background-color:#080808;margin-top:5%}.form-button:hover{border-radius:80px;box-shadow:0 5px 10px #0003;transform:scale(1.05)}.slider-container-dark{align-items:center;background-color:#080808;margin:auto;overflow:hidden;padding:20px;position:relative;text-align:center;width:80%}@media (max-width:768px){.slider-container-dark{padding:10px;width:100%}}.btn-dark{background-color:#fff}.btn-dark:hover{background-color:#acacac}.slider-icon-dark{filter:brightness(1) invert(0);height:30px;width:30px}.dot-dark{background-color:#3d3d3d;border-radius:50%;cursor:pointer;height:7px;transition:background-color .3s,transform .3s;width:7px}.dot-dark.active-dot{background-color:#fff;border-radius:30px;height:10px;transform:scale(1.2);width:30px}.individual-skill-dark{background:#1a1a1a;border-radius:50px;box-shadow:0 3px 6px #00000029;color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;font-weight:500;margin:10px 8px;padding:15px 20px;text-align:center;transition:transform .2s,box-shadow .2s;white-space:nowrap}.individual-skill-dark:hover{box-shadow:0 5px 10px #0003;transform:scale(1.05)}.skills-head-dark{margin-bottom:30px;text-align:center}.skills-head-dark h1{color:#fff;font-size:2.5rem;margin-bottom:10px}.skills-head-dark p{color:#fff;font-size:1rem}.footer-dark{background-color:#080808;height:50vh}.footer-bottom-dark{align-items:center;background-color:#080808;color:#fff;display:flex;justify-content:space-between;text-align:center}.footer-icon-dark{filter:invert(1);margin-left:9px}.txt-dark{color:#fff}.download-icon-dark{height:30px;width:30px}.icn-dark{background-color:#ff0}.icn-dark:hover{background-color:#ffff8d}@media screen and (max-width:768px){.footer-bottom-dark{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:20px;text-align:center}}.quote-svg-dark{filter:invert(1)}
/*# sourceMappingURL=main.b168be9c.css.map*/