*{margin:0;padding:0;box-sizing:border-box}:root{--varela-round:"Varela Round",sans-serif;--la-belle:"La Belle Aurore",cursive}.cursor-container{display:none}.resume{color:#fff;text-decoration:none;border:1px solid hsla(0,0%,100%,.571);font-family:"Varela Round",sans-serif;font-family:var(--varela-round);padding:10px;border-radius:1;transition:all .5s ease-in-out;position:relative;overflow:hidden}.resume:after{background-color:#fff;position:absolute;left:-100%;top:0;height:100%;width:100%;content:"";z-index:-1;transition:all 1s cubic-bezier(.785,.135,.15,.86)}.resume:hover:after{background-color:#4943c0!important;left:0}.resume:hover{box-shadow:1px 0 10px hsla(0,0%,100%,.29)}.outer-cursor{width:40px;height:40px;border:2px dashed #4943c0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:100px;-webkit-animation:rotation 3s linear infinite;animation:rotation 3s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.animate__animated.animate__fadeInLeft,.animate__animated.animate__fadeInRight{-webkit-animation-delay:3s;animation-delay:3s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.10196078431372549);border-radius:10px}::-webkit-scrollbar-thumb{background:#4943c0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.moon{color:#fff;display:none}.inner-cursor{width:7px;height:7px;background-color:#fff;position:absolute;border-radius:100px}html{font-family:"Varela Round",sans-serif;font-family:var(--varela-round)}.filter-option label{color:#000}.filter-option{margin-top:7px;justify-content:space-between;font-size:.85rem;width:100%;width:100px;padding:0 7px}.filter-by,.filter-option{display:flex;align-items:center;flex-direction:row}.filter-by{justify-content:center;font-size:.85rem!important;letter-spacing:2px}.filter-by,label{cursor:pointer}.arrow,.rotate-arrow{color:#4943c0;font-size:1.3rem;transition:all .4s ease-in-out}.rotate-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.filter-options{padding-bottom:5px;border-radius:3px;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:10px}body{background-color:#000;overflow-x:hidden}.btn{border:unset;background-color:transparent;color:#fff;margin:20px 0;font-family:"Varela Round",sans-serif;font-family:var(--varela-round);font-size:1.3rem;text-transform:capitalize;letter-spacing:1px;transition:all .2s ease-in-out}.active{border-bottom:2px solid #4943c0}.menu{display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;width:100vw;top:0;left:-100vw;background-color:rgba(0,0,0,.866);color:#fff;height:100vh;z-index:10;transition:all 1s ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);visibility:hidden}.show-menu{visibility:unset;left:0;position:fixed}.menu .btn:hover{color:#4943c0;cursor:pointer}.hero-container{position:relative;height:100vh}.hero-container,.peace-sign{display:flex;align-items:center;justify-content:center;flex-direction:column}.peace-sign{width:100%;position:absolute;bottom:0;left:0}#peace{width:150px}nav{position:fixed;display:flex;align-items:center;justify-content:space-between;flex-direction:row;top:25px;width:90%;z-index:40}nav img{width:2rem;visibility:hidden}.bars{color:#fff;font-size:1.6rem;z-index:11}.hide-bars,.times{display:none}.times{color:#fff;font-size:1.6rem;z-index:11}.show-times{display:unset}.menu-toggle{position:relative}.greetings,.menu-toggle{display:flex;align-items:center;justify-content:center}.greetings{color:#fff;font-weight:400;background-color:#000;flex-direction:column}.doodles-filter{z-index:-8;background-color:rgba(0,0,0,.55);height:100vh;width:100vw;position:fixed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.doodles{position:relative;background-color:transparent;height:100vh;width:100vw;position:fixed;z-index:-10}#doodle2{left:0;width:70px}#doodle2,#doodle3{position:absolute;top:0}#doodle3{right:0;width:30%}#doodle4{right:0;bottom:0}#doodle4,#doodle5{position:absolute;width:40%}#doodle5{left:-30px;bottom:40%}.visit-links{display:flex;align-items:center;justify-content:space-between}.github{font-size:1.4rem;color:#fff}.hello{letter-spacing:2px;font-size:3rem;position:absolute;-webkit-animation:word 27s ease-in-out infinite;animation:word 27s ease-in-out infinite;margin-bottom:50px;text-shadow:4px 4px 8px rgba(73,67,192,.2823529411764706)}.hello:first-child{-webkit-animation-delay:-27s;animation-delay:-27s}.hello:nth-child(2){-webkit-animation-delay:-23s;animation-delay:-23s}.hello:nth-child(3){-webkit-animation-delay:-19s;animation-delay:-19s}.hello:nth-child(4){-webkit-animation-delay:-15s;animation-delay:-15s}.hello:nth-child(5){-webkit-animation-delay:-11s;animation-delay:-11s}.hello:nth-child(6){-webkit-animation-delay:-7s;animation-delay:-7s}.hello:nth-child(7){-webkit-animation-delay:-3s;animation-delay:-3s}@-webkit-keyframes word{0%,5%,to{-webkit-filter:blur(0);filter:blur(0);opacity:1}20%,80%{-webkit-filter:blur(35px);filter:blur(35px);opacity:0}}@keyframes word{0%,5%,to{-webkit-filter:blur(0);filter:blur(0);opacity:1}20%,80%{-webkit-filter:blur(35px);filter:blur(35px);opacity:0}}.arrow-down{color:#fff;font-weight:300;position:absolute;bottom:40px;display:flex;align-items:center;justify-content:center;flex-direction:column}.arrow-down p{font-size:10px!important;-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-bottom:30px}.arrow-down-right{right:0}.intro-container{padding-top:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;z-index:2}#main-heading{color:#4943c0;font-weight:700;margin-bottom:3px;font-size:1.8rem;position:relative}#main-heading:before{content:"</h1>";position:absolute;left:-10px;font-family:"La Belle Aurore",cursive;font-family:var(--la-belle);top:-15px;color:hsla(0,0%,50.2%,.55);font-size:.8rem;font-weight:400}#main-heading:after{content:unset}.intro-text h1{color:#fff;font-size:2.4rem;position:relative;margin-bottom:20px}.intro-text h1:after{content:"</h1>";position:absolute;left:-10px;font-family:"La Belle Aurore",cursive;font-family:var(--la-belle);bottom:-15px;color:hsla(0,0%,50.2%,.55);font-size:.8rem;font-weight:400}.intro-text p{color:#fff;font-weight:400;font-size:.7rem;margin-bottom:10px;margin-top:20px;position:relative}.intro-text p:before{top:-15px}.intro-text p:after,.intro-text p:before{content:"</p>";position:absolute;left:-10px;font-family:"La Belle Aurore",cursive;font-family:var(--la-belle);color:hsla(0,0%,50.2%,.55);font-size:.8rem;font-weight:400}.intro-text p:after{bottom:-15px}.saly{width:80%;z-index:inherit}.about-me{display:flex;align-items:center;justify-content:center;flex-direction:column;width:85%;padding-bottom:20px;position:relative}.about-me h1{color:#4943c0;margin-bottom:30px;margin-top:30px}.about-me h1,.about-me p{text-align:center;position:relative}.about-me p{color:#fff;font-size:.9rem;line-height:20px}#p2,.about-me p{word-spacing:2px}#p2{margin-top:10px;margin-bottom:10px;font-weight:400}.saly13{width:70%;z-index:inherit}.skillset-container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;position:relative;margin-bottom:60px;margin-top:40px}.txt{color:#4943c0;opacity:.4;font-size:.7rem;position:absolute}.txt-photoshop{left:30px;top:0}.txt-figma{right:30px;top:0}.txt-illustrator{right:40px;bottom:-25px}.txt-github{left:40px;bottom:-25px}.skillset-container h1{color:#4943c0;font-size:1rem}.skillsets{display:flex;align-items:center;justify-content:space-between;width:90%;margin-top:5px}.skill{color:#fff;font-size:2.2rem}.projects-container{margin-top:30px;padding-top:40px;position:relative;z-index:2}.projects-container,.projects-header{display:flex;align-items:center;justify-content:center;flex-direction:column}.projects-header{margin-bottom:20px}.projects-header h1{color:#4943c0;position:relative;text-align:center}.projects-header p{color:#fff;font-size:.9rem;margin-top:10px;position:relative}.my-project{color:#fff;margin-bottom:40px;width:85%;border:1px solid #fff;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:5px 3px 20px hsla(0,0%,98.8%,.23921568627450981);padding-bottom:unset}.my-project img{width:100%;border-radius:5px 5px 0 0}.project-details{width:93%;margin-top:10px}.live{color:#4943c0;text-decoration:none;font-size:.9rem}.project-name{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;margin-top:10px}#api{border-radius:3px;border:2px solid #4943c0;color:#fff;padding:0 5px;font-size:.7rem;letter-spacing:1px}#project-description{margin-bottom:10px;font-size:.9rem;word-spacing:1px;line-height:26px}#languages{margin:10px 0;font-size:.7rem;color:hsla(0,0%,100%,.571)}.about2 h1{color:#4943c0}.about2{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:10px;z-index:2}.about2 p{color:#fff}.others{width:90%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;margin-bottom:20px}.others h1{margin-bottom:20px;position:relative}.others p{margin-bottom:10px;font-size:.9rem;line-height:20px;word-spacing:2px;position:relative}.others p span{color:#4943c0;font-size:1rem}.contact{width:90%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;margin-bottom:20px}#contact-me{margin-top:40px}.contact h1{margin-bottom:20px;position:relative}.contact p{margin-bottom:10px;font-size:.9rem;line-height:20px;word-spacing:2px;position:relative}.contact p span{font-size:1rem}.socials-container{width:40%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;color:#fff;font-size:1.2rem;margin-top:20px;position:relative}.socials-container a{color:#fff}.party{width:60%;z-index:2}footer{color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:2;margin-top:20px}footer p{margin-bottom:20px;margin-top:10px;font-size:.9rem;line-height:20px;word-spacing:2px;width:90%;position:relative}footer img{width:100%;z-index:inherit}footer h1{color:#4943c0;font-size:1.5rem}.email-me a{color:#fff;text-decoration:none;border:1px solid #fff;text-transform:uppercase;font-size:.7rem;padding:10px}.email-me{line-height:30px!important}#creator{color:hsla(0,0%,100%,.503)}.all-projects,.full-intro{display:flex;align-items:center;justify-content:center;flex-direction:column}.full-intro{width:100vw}.about-container,.contact-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-img{display:none}@media screen and (min-width:520px){#doodle2{left:60px;width:70px}#doodle2,#doodle3{position:absolute;top:0}#doodle3{right:0;width:20%}#doodle4{right:90px;bottom:0}#doodle4,#doodle5{position:absolute;width:20%}#doodle5{left:80px;bottom:40%}.intro-text h1{font-size:3rem}.intro-text p{font-size:1rem}#main-heading{font-size:2.4rem}.my-project{width:70%}.skill{font-size:3.3rem;margin-top:10px}footer img{width:80%}}@media screen and (min-width:700px){.full-intro{display:grid;grid-template-columns:2fr 1fr;justify-items:center}.intro-container{padding-top:0}.saly{width:20rem}.about-container{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.saly13{grid-column:1;grid-row:1;width:20rem}.about-me{grid-column:2;align-items:flex-start}.about-me p{font-size:.9rem}.about-me h1,.about-me p{text-align:left}.techy{margin-top:0!important}#p2{margin-bottom:10px}.resume{margin-bottom:28px}.bars,.times{display:none}.menu{display:flex;align-items:center;justify-content:space-around;flex-direction:row;position:fixed;width:50%;top:13px;left:unset;border:1px solid hsla(0,0%,100%,.187);color:#fff;height:unset;z-index:50;transition:all 1s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);visibility:unset;border-radius:30px}.btn{border:unset;background-color:transparent;color:#fff;margin:20px 0;font-family:"Varela Round",sans-serif;font-family:var(--varela-round);font-size:1rem;text-transform:capitalize;letter-spacing:1px}.my-project{width:90%}.all-projects{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.skillset-container{margin-top:20px}.others{display:grid;grid-template-columns:2fr 1fr;text-align:left}.others-details{align-items:flex-start;width:80%}.party{width:15rem;justify-self:left}.contact{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.contact-img{display:unset;width:20rem;justify-self:left}.contact-container{align-items:flex-start;text-align:left;width:95%}footer{margin-top:0}footer img{width:60%}}@media screen and (min-width:1100px){.cursor-container{display:unset}.saly{width:25rem}.contact-img{width:22rem}.party{width:20rem}.saly13{width:25rem}.hello{font-size:5rem;margin-bottom:90px}#name{font-size:6rem}#main-heading{font-size:3.5rem}.full-intro{width:80%}.my-project{position:relative;overflow:hidden;height:200px}.my-project,.my-project img{transition:all .6s ease-in-out}.my-project img{height:100%}.my-project:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.my-project:hover>.project-details{left:0;-webkit-transform:scale(.7);transform:scale(.7)}.my-project:hover>img{opacity:.03}.project-details{position:absolute;left:-100%;transition:all .6s ease-in-out;width:100%;margin:0}.about-container{width:80%}.all-projects{grid-template-columns:1fr 1fr 1fr;width:80%}.contact,.others,.skillsets{width:80%}#thanks{width:50%}footer img{width:30%}.about-me p{font-size:1.1rem;line-height:30px}.about-me h1,.projects-header h1{font-size:2rem}.projects-header p{font-size:1.1rem}.others-details h1{font-size:2rem}.others-details p{font-size:1.1rem;line-height:30px}.contact-container h1{font-size:2rem}.contact-container p{font-size:1.1rem;line-height:30px}.socials-container{font-size:1.6rem}#thanks{font-size:1.1rem;line-height:30px}#project-description{margin-bottom:10px;font-size:1rem;word-spacing:1px;line-height:26px}.live{color:#4943c0;text-decoration:none;font-size:1rem;font-weight:800;transition:all .3s ease-in-out}.live:hover{color:#fff}.github{font-size:2rem;transition:all .3s ease-in-out}.github:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#languages{font-size:.8rem}#doodle2{left:60px;width:70px}#doodle2,#doodle3{position:absolute;top:0}#doodle3{right:0;width:10%}#doodle4{right:90px;bottom:0}#doodle4,#doodle5{position:absolute;width:10%}#doodle5{left:80px;bottom:40%}.socials-container{justify-content:space-between!important}.socials-container svg{transition:all .3s ease-in-out}.socials-container svg:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}}.light-mode{background-color:#fff}.light-mode .hello{color:#000;transition:all 1s ease-in-out}.light-mode #name,.light-mode #p1,.light-mode #p2,.light-mode .arrow-down,.light-mode .email-me,.light-mode .intro-text p,.light-mode .my-project h1,.light-mode .others-details p,.light-mode .projects-container p,.light-mode .resume,.light-mode .skill,.light-mode .socials-container svg,.light-mode footer p{color:#000}.light-mode :after,.light-mode :before{color:#fff!important}
/*# sourceMappingURL=main.9f163d6b.chunk.css.map */