@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap);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}:root{--clr-primary:#4463ee;--clr-primary-light:#738bf7;--clr-primary-translucent:#4463ee66;--clr-secondary:#a443ea;--clr-secondary-translucent:#a443ea66;--clr-dark:#293242;--clr-dark-translucent:#29324266;--clr-dark-extra:#0e1010;--clr-dark-extra-translucent:#0e1010f2;--clr-light:#ecf1f3;--clr-light-translucent:#ecf1f34d;--clr-light-super-translucent:#ffffff1a;--clr-accent:#e5383b;--clr-accent-translucent:#94476566;--font-primary:"Montserrat",sans-serif;--font-secondary:"Karla",sans-serif}:root.light{--clr-light-translucent:#293242;--clr-light-super-translucent:#29324266;--clr-light:#111212;--clr-dark-extra:#fff;--clr-dark:hsla(195,9%,83%,.514);--clr-dark-translucent:#ffffff1a;--clr-dark-extra-translucent:#fffc}@media screen and (max-width:800px){:root{font-size:14px}}*{box-sizing:border-box;color:#ecf1f3;color:var(--clr-light);font-family:Montserrat,sans-serif;font-family:var(--font-primary);font-weight:400;margin:0;padding:0;scroll-behavior:smooth;scrollbar-color:#ecf1f34d #0000;scrollbar-color:var(--clr-light-translucent) #0000;scrollbar-width:thin;transition:all .3s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-color:#ecf1f34d;background-color:var(--clr-light-translucent);border-radius:100rem;-webkit-transition:all .25s;transition:all .25s}::-webkit-scrollbar-thumb:hover{background-color:#4463ee66;background-color:var(--clr-primary-translucent)}#root,body,html{background-color:#0e1010;background-color:var(--clr-dark-extra)}button,button:focus,input,textarea input:focus,textarea:focus{border:none;outline:none}.about-p{font-size:1.1rem;line-height:1.5;max-width:70ch;text-align:justify}a{text-decoration:none}.link{color:#4463ee;color:var(--clr-primary);position:relative}.link:hover{color:#e5383b;color:var(--clr-accent)}.link:after{background-color:#4463ee;background-color:var(--clr-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:all .3s ease-in-out;visibility:hidden;width:100%}.link:hover:after{transform:scaleX(1);visibility:visible}.btn{background:none;background-color:#4463ee66;background-color:var(--clr-primary-translucent);border:1px solid #4463ee66;border:1px solid var(--clr-primary-translucent);color:#ecf1f3;color:var(--clr-light);position:relative}.light .btn,.light .send-icon{background-color:#4463ee;background-color:var(--clr-primary);color:#0e1010;color:var(--clr-dark-extra)}.btn:after,.btn:before{content:"";height:0;position:absolute;visibility:hidden;width:0}.btn:after{border-bottom:3px solid #ecf1f3;border-bottom:3px solid var(--clr-light);border-left:3px solid #ecf1f3;border-left:3px solid var(--clr-light);bottom:-3px;right:-3px;transition:width .1s ease .1s,height .1s ease,visibility 0s .2s}.btn:before{border-right:3px solid #ecf1f3;border-right:3px solid var(--clr-light);border-top:3px solid #ecf1f3;border-top:3px solid var(--clr-light);left:-3px;top:-3px;transition:width .1s ease .3s,height .1s ease .2s,visibility 0s .4s}.btn:hover{animation:pulse 1s ease-out .4s}.btn:hover:after,.btn:hover:before{height:calc(100% + 3px);visibility:visible;width:calc(100% + 3px)}.btn:hover:after,.btn:hover:before{transition:width .1s ease .2s,height .1s ease .3s,visibility 0s .2s}.btn:hover:before{transition:width .1s ease,height .1s ease .1s}.preloader{align-items:center;background-color:var(--clr-dark-extra);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease,z-index .75s ease;width:100%;z-index:-100}.preloader.show{opacity:1;z-index:100}.preloader__box{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.preloader__box span{animation:preloader 1.5s linear infinite;border:2px solid var(--clr-light);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.preloader__box span:first-of-type{border-radius:48% 52% 68% 32%/46% 40% 60% 54%;box-shadow:0 0 10px 0 var(--clr-accent),inset 0 0 10px 0 var(--clr-accent)}.preloader__box span:nth-of-type(2){animation-direction:reverse;border-radius:27% 73% 64% 36%/69% 39% 61% 31%;box-shadow:0 0 10px 0 var(--clr-secondary),inset 0 0 10px 0 var(--clr-secondary)}.preloader__box span:nth-of-type(3){animation-duration:3s;border-radius:58% 42% 30% 70%/38% 59% 41% 62%;box-shadow:0 0 10px 0 var(--clr-primary),inset 0 0 10px 0 var(--clr-primary)}@keyframes preloader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#modal,.modal{height:100%;width:100%}.modal{align-items:flex-end;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 8px 32px 0 var(--clr-primary-translucent);display:flex;justify-content:center;margin:0;opacity:0;padding:5% 5% 0;pointer-events:none;position:fixed;top:0;transition:all .4s ease-in;z-index:199}.modal.modal-show{opacity:1;pointer-events:all}.modal>*{transform:translateY(100%)}.modal.modal-show>*{transform:translate(0)}.modal-backdrop{height:100%;position:absolute;width:100%}.project-large{background-color:var(--clr-dark-extra);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 -5px 20px var(--clr-primary-translucent);height:100%;overflow:auto;padding:2.5%;width:65%}.project-large.but-small{height:75%;width:75%}.pl-head{align-items:center;border-bottom:1px solid var(--clr-light-translucent);display:flex;gap:2rem;padding-bottom:2.5%;position:relative}.pl-title{color:var(--clr-accent);font-family:var(--font-secondary);font-size:2rem;font-weight:700;margin-bottom:1%}.pl-slug{color:var(--clr-light);font-size:1rem;line-height:1.4;max-width:50ch}.pl-logo-container{background-color:var(--clr-dark);display:grid;height:6.5rem;place-items:center;width:6.5rem}.light .pl-logo-container{background-color:var(--clr-light-translucent)}.pl-logo{max-height:85%;max-width:85%}.pl-cancel{background-color:var(--clr-dark);cursor:pointer;display:grid;font-size:1.5rem;height:2.25rem;place-items:center;position:absolute;right:0;top:0;width:2.25rem}.light .pl-cancel{background-color:var(--clr-light-super-translucent)}.pl-cancel i{color:var(--clr-light)}.pl-cancel:hover i{color:var(--clr-accent)}.pl-tech-stack{display:flex;flex-direction:column;padding:1.25% 0}.pl-ts-heading{color:var(--clr-light);font-size:1.15rem}.pl-details{display:flex;flex-direction:column}.pl-links,.pl-ts{display:flex;gap:2rem;padding-top:1.5%}.pl-demos{align-items:center;cursor:grab;display:flex;height:27.5rem;overflow-x:auto;padding-bottom:2.5%}.pl-demos::-webkit-scrollbar{display:none}.pl-demo{background-color:var(--clr-dark);flex:0 0 auto;height:100%;margin-right:2.5%;overflow:hidden;padding:.25rem}.light .pl-demo{background-color:var(--clr-light-translucent)}.pl-demo-media{height:100%;max-width:100%}.pl-desription{margin-bottom:5rem}.pl-d-heading{color:var(--clr-accent);font-size:1.25rem;margin-bottom:1%}@media screen and (max-width:900px){.modal{padding:5% 2% 0}.project-large{padding:5%;width:100%}.pl-head{gap:1rem}.pl-title{font-size:1.75rem;max-width:15ch}.pl-slug{font-size:.85rem}.pl-logo-container{display:grid;flex:0 0 7rem;height:7rem;padding:.25rem;place-items:center;width:7rem}.pl-cancel{height:2rem;width:2rem}.pl-details{justify-content:space-evenly}.pl-tech-stack{padding:2.5% 0}.pl-ts{flex-wrap:wrap;gap:1rem}.pl-demos{height:20rem}.pl-demo{flex:0 0 27.5rem}.pl-d{font-size:1.25rem}}.pill{align-items:center;border:1px solid var(--clr-primary);display:flex;gap:.75rem;justify-content:center;padding:.75rem 1rem}.pill:hover{transform:scale(1.05)}a.pill:hover{background-color:var(--clr-primary)}.pill .project-icon{height:1rem;width:1rem}.pill .project-icon,.pill-text{color:var(--clr-light)}#home{align-items:center;display:flex;height:100vh;justify-content:space-between;position:relative;width:100%}.description{font-weight:700;line-height:1.45}.greet{align-items:center;display:flex;font-size:2.5rem}.greet-anim{animation:greet-anim .3s ease-in infinite alternate;transform-origin:bottom right}@keyframes greet-anim{0%{transform:rotate(30deg)}to{transform:rotate(0deg)}}.name{font-family:var(--font-secondary);font-size:4rem}.name-span{color:var(--clr-accent)}.sub-line{color:var(--clr-primary);font-size:3rem}.description-text{font-size:1rem;line-height:1.3;max-width:55ch;opacity:.85}.hero-image img{height:18.5rem;width:18.5rem}@media screen and (max-width:1500px){.name{font-size:2.75rem}.sub-line{font-size:2.25rem}.greet{font-size:1.5rem}.hero-image img{height:18.5rem;width:18.5rem}}@media screen and (max-width:800px){#home{flex-direction:column-reverse}.description{height:35%;text-align:center}.hero-image{height:65%}.name{font-size:2.75rem}.sub-line{font-size:2.25rem}.greet{font-size:2rem;justify-content:center}}.hero-image{align-items:center;animation:hero-image .2s linear .5s forwards;display:flex;justify-content:center;transform:scale(0)}@keyframes hero-image{0%{transform:scale(0)}to{transform:scale(1)}}.hero-img-container{border:1px solid var(--clr-dark);border-radius:50%;overflow:hidden}.light .hero-img-container{border-color:var(--clr-light)}.go-down{bottom:5%;color:var(--clr-light);font-size:5rem;left:50%;position:absolute;transform:translateX(-50%)}@media screen and (max-width:1000px){.go-down{bottom:0}}.go-down:first-of-type{cursor:pointer}.go-down:nth-of-type(2){animation:gd-anim 1s ease-in infinite forwards;opacity:.5}.go-down:nth-of-type(3){animation:gd-anim 1s ease-in .5s infinite forwards;opacity:.5}@keyframes gd-anim{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-65%)}}.heading{font-family:var(--font-secondary);font-size:3rem;height:auto;margin-top:2.5%;padding-bottom:2.5%;text-align:start;width:100%}.heading-part:not(:last-child):after{content:" "}.heading-index{color:var(--clr-accent);font-size:1.5rem}.heading-index:after{content:" "}@media screen and (max-width:1000px){.heading{font-size:2.5rem}}.skills{flex-wrap:wrap;justify-content:center}.skill,.skills{align-items:center;display:flex}.skill{flex-direction:column;justify-content:space-evenly;margin:3.5%;transition:all .4s}.skill:hover{transform:scale(1.2)}.skill-img{font-size:6.5rem;height:6.5rem;width:6.5rem}@media screen and (max-width:1000px){.skill{margin:5% 7.5%}.skill-img{font-size:5rem;height:5rem;width:5rem}}.skill-img path{fill:var(--clr-light)}.skill-name{color:var(--clr-primary);font-size:1.5rem;margin-top:5%}.skill:nth-child(2n) .skill-name{color:var(--clr-accent)}.skill-learning{color:var(--clr-primary);font-weight:600}.project{background-color:var(--clr-dark);cursor:pointer;display:flex;flex-direction:column;height:22.5rem;max-width:100%;overflow:hidden;position:relative;width:28.5rem}.project:hover{transform:scale(1.05)}.project-cover-container{display:grid;height:15.5rem;place-items:center;position:relative}.project-cover{max-height:100%;max-width:100%;overflow:hidden;position:relative}.project:hover .project-cover{filter:hue-rotate(1turn)}.project-description{display:flex;flex-direction:column;height:6rem;justify-content:center;padding:0 1.5rem}.project-title{color:var(--clr-accent);display:flex;font-family:var(--font-secondary);font-size:1.25rem;justify-content:space-between}.view-button{color:var(--clr-light);position:absolute;right:2.5%;text-shadow:-5px 5px 10px var(--clr-dark-extra);top:2.5%}.project-slug{font-size:1rem}.projects{flex-wrap:wrap;gap:2rem;justify-content:center}.experiences,.projects{align-items:center;display:flex}.experiences{height:22.5rem;padding:2.5% 5% 0}.e-nav{--tab-height:3.5rem;border-left:1.25px solid var(--clr-light-translucent);list-style:none;position:relative;width:40%}.e-nav-item{width:100%}.e-nav-button{background-color:initial;border:none;cursor:pointer;font-family:var(--font-secondary);font-size:1.05rem;font-weight:700;height:var(--tab-height);padding:1.5% 5%;text-align:left;width:85%}.e-nav-button:hover{background-color:var(--clr-light-super-translucent)}.e-nav-button.active,.e-nav-button:hover{color:var(--clr-accent)}.track{background-color:var(--clr-accent);height:var(--tab-height);inset:0;position:absolute;width:.25rem}.experiences-container{align-items:center;display:flex;height:100%;position:relative;scroll-behavior:auto;width:60%}.experience{display:none;flex:0 0 100%;flex-direction:column}.experience.active{animation:e-enter 1s linear forwards;display:flex}@keyframes e-enter{0%{opacity:0}to{opacity:1}}.e-heading{font-size:1.25rem}.e-heading-part{color:var(--clr-accent)}.e-duration{font-size:.9rem;padding-top:5%}.e-points{list-style:none;padding-top:5%}.e-point{font-size:1rem;max-width:85%;padding:1% 0 1% 2.5%;position:relative}.e-point:before{color:var(--clr-primary);content:"> ";font-family:var(--font-secondary);font-size:1.25rem;position:absolute;transform:translate(-200%,-12.5%)}@media screen and (max-width:1000px){.experiences{flex-direction:column;height:32.5rem;padding:2.5%}.e-nav{align-items:center;border:none;border-bottom:1.25px solid var(--clr-light-translucent);display:flex;justify-content:center;width:100%}.e-nav-item{min-width:25%;width:var(--tab-width)}.e-nav-button{font-size:.9rem;text-align:center;width:100%}.track{bottom:0;height:.25rem;top:100%;width:var(--tab-width)}.experiences-container{padding-top:5%;width:100%}.experience{align-items:center;text-align:center}.e-point{font-size:1rem;max-width:100%;padding-left:5%;text-align:left}}.contact-form{gap:2rem}.contact-field,.contact-form{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}.contact-field{gap:1rem}.contact-label{font-family:var(--font-secondary);font-size:1.1rem}.contact-input{background-color:var(--clr-dark-translucent);border:1.75px solid var(--clr-light-translucent);color:var(--clr-light);font-size:1.1rem;padding:1.5% 2%;width:85%}.contact-input:-webkit-autofill,.contact-input:-webkit-autofill:active,.contact-input:-webkit-autofill:focus,.contact-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--clr-light)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.contact-input:focus{border:1.75px solid var(--clr-primary)}.contact-textarea{resize:none}.contact-btn{cursor:pointer;font-family:var(--font-secondary);font-size:1.1rem;font-weight:700;padding:1rem 2rem;pointer-events:all;width:25%}.send-icon{padding-left:.5rem}.contact-btn.loading{pointer-events:none}.contact-btn.loading .loading-icon{animation:spinner .5s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:900px){.contact-input{padding:3.5% 2.5%;width:100%}.contact-btn{width:100%}}#navbar{--nav-item-width:10rem;left:0;padding:0 1.5% 2.5%;position:fixed;top:0;z-index:20}.nav-logo{border:1px solid var(--clr-accent);color:var(--clr-accent);display:none;padding:1rem}.nav-item{align-items:flex-end;border-bottom:2px dashed var(--clr-light-translucent);border-left:2px dashed var(--clr-light-translucent);display:flex;height:5rem;justify-content:flex-end;width:var(--nav-item-width)}.nav-item:hover{border-bottom-color:var(--clr-primary)}nav:hover>.nav-item:not(:hover){opacity:.75}.nav-link{font-family:var(--font-secondary);font-size:1.1rem}.nav-item:hover .nav-link{color:var(--clr-primary)}.nav-index{color:var(--clr-primary-light);font-size:1rem;font-weight:700}.nav-item.active{border-color:var(--clr-accent)}.nav-item.next-active{border-left-color:var(--clr-accent)}.nav-item.active .nav-link{color:var(--clr-accent);font-weight:700}@keyframes home-start{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes about-start{0%{transform:translateY(-200%)}to{transform:translateY(0)}}@keyframes skills-start{0%{transform:translateY(-300%)}to{transform:translateY(0)}}@keyframes projects-start{0%{transform:translateY(-400%)}to{transform:translateY(0)}}@keyframes experiences-start{0%{transform:translateY(-500%)}to{transform:translateY(0)}}@keyframes contact-me-start{0%{transform:translateY(-500%)}to{transform:translateY(0)}}.nav-btn{cursor:pointer;display:block;font-family:var(--font-secondary);font-size:1.1rem;margin:1.5rem 0;padding:1rem 2rem;text-align:center;width:var(--nav-item-width)}@media screen and (max-width:900px){#navbar{align-items:center;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);background-color:var(--clr-dark-extra-translucent);box-shadow:0 2px 7px 0 var(--clr-light-translucent);display:flex;flex-direction:row;justify-content:space-between;padding:.5% 5%;position:fixed;width:100%}.nav-logo{display:block}.nav-item{display:none}}#footer{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:5rem;justify-content:center;width:100%}.footer-text{color:var(--clr-light);font-family:var(--font-secondary);font-size:1rem}.footer-accent{color:var(--clr-accent);font-family:var(--font-primary);font-weight:700;vertical-align:middle}.footer-name:after{content:">"}.footer-name:before{content:"<"}#socials{align-items:center;bottom:0;display:flex;flex-direction:column-reverse;gap:1.5rem;position:fixed;right:5%}.line{border-left:.1rem dashed var(--clr-primary);height:7.5rem}.social{background:none;border:none;cursor:pointer}.social i{color:var(--clr-light);font-size:1.5rem}.theme-toggle{height:1.75rem;width:1.75rem}.theme-toggle:hover *{fill:var(--clr-primary)}.theme-toggle .toggle-sun{transform:rotate(0);transform-origin:center center}.light .theme-toggle .toggle-sun{transform:rotate(900deg)}.theme-toggle .outer{transform:rotate(0deg) matrix(1,0,0,1,12,12)}.light .theme-toggle .outer{transform:rotate(900deg) matrix(1,0,0,1,12,12)}.social:hover i{color:var(--clr-accent)}.social:hover:nth-child(2n) i{color:var(--clr-primary)}@media screen and (max-width:900px){#socials{flex-direction:row;justify-content:center;position:static}.line{display:none}}.App,.main{align-items:center;display:flex;height:100%;justify-content:center}.main{flex-direction:column;position:relative;width:100%}section{margin:5% 0;padding:0 17.5% 0 27.5%;width:100%}section:first-of-type{margin:0}@media screen and (max-width:1250px){section{margin:7.5% 0;padding:0 5%}}.rebuild-page{align-items:center}.personal-links-page,.rebuild-page{display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:75%}.personal-links{display:flex;flex-direction:column;max-height:75vh;overflow-y:auto}.personal-link-wrapper{align-items:baseline;display:flex;gap:0;position:relative}.personal-link-wrapper:hover{gap:2rem}.icon{color:var(--clr-light);font-size:1.25rem;height:1rem!important;width:1rem}.icon.link{color:var(--clr-primary);margin-left:2rem}.personal-link-wrapper:hover .icon.link{margin:0}.personal-link-wrapper:hover .icon.delete{visibility:visible;width:1rem}.icon.delete{color:var(--clr-accent);cursor:pointer;visibility:hidden;width:0}.personal-link{font-size:2rem;max-width:85%;overflow:hidden;padding-block:1.25rem;position:relative;white-space:nowrap}.personal-link-wraper:first-child:before{top:0}.personal-link-wraper:after,.personal-link-wraper:first-child:before{background-color:var(--clr-light-translucent);content:"";height:1px;left:0;position:absolute;width:50%}.personal-link-wraper:after{bottom:0}.personal-link:hover{border:none;color:var(--clr-accent)}.personal-link .index{color:var(--clr-primary-light);font-size:1rem;font-weight:700}.personal-link .internal{color:inherit;font-size:1.5rem}.error{color:var(--clr-accent)}
/*# sourceMappingURL=main.a6d333b1.css.map*/