@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,700;0,900;1,500;1,700;1,900&display=swap";.fa-moon{color:#fff;position:absolute;left:10px;top:5px}.fa-circle{position:absolute;top:5px;right:10px;color:#ff0}input{outline:none}.react-switch-handle{box-shadow:none!important}#root{background-size:contain;background-repeat:no-repeat;z-index:999;position:relative}#dark h1,#dark .about__des,#dark .about__face h2{color:#fff}#dark .main{background-color:#3a3e58!important}#dark .prev__head h2,#dark .skills h2{color:#fff}#dark .skill:nth-child(2) h2{color:#222}#dark .work__title h2{color:#fff}#dark .banner{background-color:#000}#dark .navigation-inner{background-color:#30114a66!important}#dark .navigation-inner li a{color:#fff}.title,.light{font-weight:400}.banner{background-image:url(/star-gradient.png);background-position:bottom center;background-repeat:no-repeat;background-size:cover;background-color:#fff;max-width:1980px!important;width:100%;padding:150px 0 100px;transition:all 1s ease;height:45vh}.banner img{max-width:180px;width:180px}.banner h1{color:#fff;font-size:50px}.globe{cursor:grab}.about{padding:50px 0 150px;flex-wrap:wrap;gap:30px}.about img{max-width:120px}.about__des{font-size:20px;line-height:30px;max-width:800px;text-align:justify}.face{border-radius:50%;border:5px solid #fff;box-shadow:2px 2px 10px #aaa;width:120px;height:120px;margin:0 auto}#dark .face{box-shadow:2px 2px 10px #222}.about__face{flex-basis:20%;gap:20px;text-align:center}.about__des{flex-basis:50%}.m-width{max-width:1200px}.main{width:100%;align-items:center;transition:all 1s ease}.works__container{gap:40px 5px}.work__title{padding:40px 50px}.work{gap:8px;max-width:300px;border-radius:4px}.work img{border-radius:4px;max-width:300px;padding:8px;border:2px solid #aaa;transition:all .5s ease}.work img:hover{background-color:#aaa;transition:all .5s ease}.works__container a{text-decoration:none}.work h2{font-size:20px;color:#202020;font-weight:400}#dark .work h2{color:#fff}.work p{color:#999}.skills{padding:100px}.big{position:absolute;bottom:-20px;left:0;opacity:.2;font-size:120px}.skills h2{padding-left:20px}.skill{background-color:#7fff00;width:300px;padding:20px;height:100px;border-radius:8px;position:relative;overflow:hidden}.skill:nth-child(1){background-color:#c1121f;color:#fff}.skill:nth-child(2){background-color:#f2e9e4}.skill:nth-child(3){background-color:#7b2cbf;color:#fff}.skill:nth-child(4){background-color:#4a4e69;color:#fff}.skill:nth-child(5){background-color:#22223b;color:#fff}.skill:nth-child(6){background-color:#ffc300}.skills_inner{gap:20px;width:100%;padding:50px 0}.marquee{margin-bottom:200px;height:50px;overflow:hidden;position:relative;color:#222;width:600px;padding:100px}#dark .marquee{background-color:#3a3e58}.marquee span{align-items:center;width:100%;height:100%;margin:0;top:0;-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translate(100%);-moz-animation:scroll-left 10s linear infinite;-webkit-animation:scroll-left 10s linear infinite;animation:scroll-left 10s linear infinite}.prev img{max-width:200px;background-color:#ebebeb;padding:10px;border-radius:10px}.prev-inner{gap:80px}@keyframes scroll-left{0%{-moz-transform:translateX(100vw);-webkit-transform:translateX(100vw);transform:translate(100vw)}to{-moz-transform:translateX(-100vw);-webkit-transform:translateX(-100vw);transform:translate(-100vw)}}.contact{width:100%;margin-bottom:100px}.contactinner{width:100%;max-width:1000px}.contact-left{flex-basis:50%;width:50%;justify-content:center;align-items:flex-start;gap:20px}.contact-links_container{background:#ebebeb;padding:20px;border-radius:20px}.contact-links_container a{color:#222}#dark .contact-links_container{background-color:#3a3e58}#dark .contact-links_container a{color:#fff!important}.contact-links{gap:20px;display:flex}.contact-links a{align-items:flex-start;display:flex;padding:10px 20px;gap:20px;justify-content:flex-start;color:#222!important}.contact-desc{gap:20px}#dark .contact-desc p,#dark .contact-desc h2{color:#fff}.contact-right{flex-basis:50%;width:50%;justify-content:center;align-items:center}.contact-right img{max-width:300px;opacity:.9}.contact__banner{border-radius:20px;background-color:#c8c8c880;padding:50px;background:#ebeaff;background:-moz-linear-gradient(123deg,rgba(235,234,255,1) 0%,rgba(162,162,244,1) 35%,rgba(255,224,201,1) 100%);background:-webkit-linear-gradient(123deg,rgba(235,234,255,1) 0%,rgba(162,162,244,1) 35%,rgba(255,224,201,1) 100%);background:linear-gradient(123deg,#ebeaff,#a2a2f4 35%,#ffe0c9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebeaff",endColorstr="#ffe0c9",GradientType=1)}#dark .contact__banner{background:#4d5170;background:-moz-linear-gradient(123deg,rgba(77,81,112,1) 0%,rgba(99,103,136,1) 35%,rgba(123,44,191,1) 100%);background:-webkit-linear-gradient(123deg,rgba(77,81,112,1) 0%,rgba(99,103,136,1) 35%,rgba(123,44,191,1) 100%);background:linear-gradient(123deg,#4d5170,#636788 35%,#7b2cbf);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d5170",endColorstr="#7b2cbf",GradientType=1)}.work__more{padding:50px 0}.button{border-radius:999px;padding:20px 30px;background-color:#ebebeb;color:#222;text-decoration:none}.button:hover{background-color:#c1121f;color:#fff}.contact-links{gap:10px}.contact-left a{text-decoration:none;color:#222}.lets__work{margin:50px 0!important}div:has(>div.react-switch-bg){position:fixed!important;top:20px;right:20px}.divider{gap:50px;padding-bottom:50px}#dark .divider{color:#fff}.divider img{max-width:150px;opacity:.3}.works__alt{margin:100px 0}@media only screen and (max-width: 767px){#dark .flex-navbar{background-color:#3a3e58}.prev img{max-width:130px}.marquee span{-moz-animation:scroll-left 20s linear infinite;-webkit-animation:scroll-left 20s linear infinite;animation:scroll-left 20s linear infinite}.banner{background-size:auto}.about{flex-direction:column;flex-wrap:nowrap!important;padding:40px;align-items:center;gap:30px}.contactinner{flex-wrap:wrap}.contact-left,.contact-right{width:100%;flex-basis:100%}.marquee{max-width:100%;width:200px}.skills{padding:50px}div:has(>div.react-switch-bg){position:absolute!important}.Hamburger{margin-right:10rem;outline:none;border:0;background-color:transparent;padding:4px;border-radius:10px;cursor:pointer;border:2px transparent #aaa}.Hamburger:hover{background-color:#aaa}.close-Hamburger{margin-right:10rem;outline:none;border:0;background-color:transparent;padding:4px;border-radius:10px;cursor:pointer}.close-Hamburger:hover{background-color:#aaa}.Hamburger img,.close-Hamburger img{max-width:40px}.resp-menu{width:100%;position:absolute;background-color:#fff}.marquee{margin-bottom:100px}.contact-left{align-items:center!important}.skills{align-items:center;gap:60px}.skills_inner{gap:60px}}*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.navigation{background-color:#f2e9e4;width:100%}.navigation-inner{margin:20px auto;padding:0 20px;position:fixed;background-color:#94303033;border-radius:8px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff80;z-index:999}.logo__li{padding:10px 10px 10px 0!important}ul>li{display:flex;align-items:center;justify-content:center}ul>li>a{text-decoration:none;padding:10px 20px;color:#222}ul .icons{padding:10px 6px}.logo,.navigation-inner img{max-width:40px;width:40px!important;height:40px!important}.icons img{max-width:25px!important;width:25px!important;height:25px!important}.navigation-outer{width:100%}@media only screen and (min-width: 768px){.navigation-outer{display:none}}@media only screen and (max-width: 767px){.navigation-inner{display:none!important}}*{font-family:Barlow Condensed,sans-serif;font-size:20px}.space{letter-spacing:1px;transform:scaleY(1.1)}.flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-center{justify-content:center}.flex-centerc{justify-content:center;align-items:center}.flex-se{justify-content:space-evenly}.flex-sa{justify-content:space-around}.flex-se{justify-content:space-evenly;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-start{justify-content:flex-start;align-items:flex-start}.flex-navbar{align-items:center}