@import url(https://fonts.googleapis.com/css2?family=Lexend+Exa:wght@100;200;300;700&family=Varela+Round&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}::selection{background-color:var(--selection);color:#333}html{font-size:62.5%;scroll-behavior:smooth}body{background-color:var(--theme);color:var(--text-color);font-family:Lexend Exa,sans-serif;font-weight:200;font-weight:300;margin:0;padding-bottom:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:120rem;padding:0 3.2rem}.grid{display:grid;grid-template-columns:repeat(2,1fr)}.grid-col-3{grid-template-columns:repeat(3,1fr)}.center-text{text-align:center}.heading-secondary{font-size:3.8rem;font-weight:700;line-height:1.2;margin-bottom:8rem;text-transform:uppercase}.para{font-size:2.1rem;line-height:1;line-height:1.8;margin-bottom:2rem}.highlighted{background-color:var(--selection);color:var(--light)}.project{align-items:center;background-color:#222831;border-radius:1rem;color:var(--light);cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding:1.2rem;transition:all .8s}.project:hover{transform:scale(1.2)}.project-description{color:#ccc;font-size:1.5rem;font-weight:300}.heading-darktheme{color:var(--background)}a{color:var(--light);text-decoration:none}.code-link{border:2px solid var(--text-color);padding:.4rem}.code-link:hover{background-color:#333;color:var(--light)}.section-hero{padding:12.8rem 0 6.8rem}.hero{align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-items:center;margin:0 auto;max-width:130rem;padding:0 3.8rem}.untitled-folder{border-radius:100%;font-size:4.4rem;height:60vmin;position:relative;width:60vmin}.hero-text-box{font-size:4.4rem}.folder-container{-webkit-backdrop-filter:blur(90px);backdrop-filter:blur(90px);background:#292d33ba;border-radius:100%;height:60vmin;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:60vmin}.spider-web{left:0;position:absolute;top:0;width:30%}.main-text{letter-spacing:5px}.main-text+p{text-align:center}.developer-name{position:relative}.tag{background-color:var(--selection);border-radius:.5rem;bottom:-60%;color:#000;display:block;font-size:1.2rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.mr-folder{background:#ebcc6f;border-radius:4vmin;height:30vmin;position:relative;width:45vmin;z-index:-1}.mr-folder:before{border-bottom:20vmin solid #ebcc6f;border-right:20vmin solid #0000;border-top-left-radius:5vmin;content:"";display:block;height:0;position:absolute;top:-15%;width:45%}.message-box{align-items:center;animation:message-1 3.5s forwards;background:#fff;border-radius:20vw;box-sizing:border-box;color:#555;display:flex;font-size:2rem;height:10vmin;justify-content:center;left:20%;pointer-events:none;position:absolute;text-align:center;top:0;touch-action:none;width:35vmin}@keyframes message-1{0%{opacity:0;top:20%}85%{opacity:0;top:10%}to{opacity:1;top:-5%}}.message-box:before{background:#fff;bottom:-8%;content:"";height:2vmin;left:50%;position:absolute;transform:rotate(45deg);width:2vmin}@keyframes popUp{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.folder{left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.eyes,.folder{position:absolute}.eyes{animation:blink 3.5s infinite,Lookdown 3s linear;background-color:#222;border-radius:50%;height:8vmin;left:15%;top:20%;width:8vmin}@keyframes blink{0%,to{transform:scaleY(.05)}5%,95%{transform:scale(1)}}.eye-brow{background:#222;border-radius:50%;display:none;height:2vmin;left:18%;position:absolute;top:30%;transform:rotate(-35deg);width:10vmin}.left-brow{transform:rotate(35deg)}.eye-brow+.eye-brow{left:auto;right:18%}.pupil{background:#fff;border-radius:50%;height:3vmin;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3vmin}@keyframes pupilDown{0%{top:50%}75%{top:70%}to{top:50%}}@keyframes pupilDownStare{0%{top:50%}to{top:67%}}.eyes+.eyes{left:auto;right:15%}.mouth{border:.2vmin solid #0000;border-radius:50%;border-top:.7vmin solid #000;height:5vmin;left:41%;position:absolute;top:75%;width:8vmin}.folder-name{background:#0000;border:none;bottom:8%;color:#fff;font-family:rubik;font-size:7vmin;font-weight:300;height:14%;left:50%;position:absolute;text-align:center;text-shadow:2px 1px 1px #222;transform:translate(-50%);-webkit-transform:translate(-50%);-webkit-user-select:auto;user-select:auto;width:80%}.Testimonial-section{padding:9.6rem 0}.Testimonial{font-size:3.2rem;position:relative;text-align:center}.qoute{display:inline-block;margin:1rem}.fa-quote-left{float:left;font-size:5.2rem;margin-right:2rem;opacity:.5}.fa-quote-right{float:right;font-size:5.2rem;margin-left:2rem;opacity:.5}.author{display:inline-block}.section-about{padding:9.6rem 0}.about{align-items:start;justify-items:end}.about-text{margin-bottom:1.8rem}.about-content{font-size:2.1rem;line-height:1.5}.profile-img{border-radius:20px}.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)}}.theme{position:absolute;right:5rem;z-index:999}.on{--light:#f1c40f}.day{--theme:#fdd890;--text-color:#333;--background:#eee;--timeline-box:#fff}.wire{background:#555;height:13rem;position:relative;width:.4rem}.holder{background-color:#444;border-radius:100% 100% 0 0;bottom:-3rem;height:3rem;left:-1.2rem;position:absolute;width:3rem}.bulb{border-radius:100%;bottom:-6rem;box-shadow:.1rem .3rem .2rem 0 #0000004d;height:5rem;width:5rem;z-index:-1}.bulb,.bulb:after{background-color:var(--light);filter:url(#goo);left:50%;position:absolute;transform:translateX(-50%)}.bulb:after{border-radius:50%;content:"";display:block;height:3rem;top:-3rem;width:3rem;z-index:1}.light{cursor:pointer}svg{display:none}.admin-login{background-color:#e6d386;flex-wrap:wrap;gap:2px;height:100vh;overflow:hidden;width:100vw}.admin-login,section .signin{align-items:center;display:flex;justify-content:center;position:absolute}section .signin{background:#222;border-radius:4px;box-shadow:0 15px 35px #000;padding:40px;width:400px;z-index:1000}section .signin .content{align-items:center;display:flex;flex-direction:column;gap:40px;justify-content:center;position:relative;width:100%}section .signin .content h2{color:#fff;font-size:2em;text-transform:uppercase}section .signin .content .form{display:flex;flex-direction:column;gap:25px;width:100%}section .signin .content .form .inputBox{position:relative;width:100%}section .signin .content .form .inputBox input{background:#333;border:none;border-radius:4px;color:#fff;font-size:1em;font-weight:500;outline:none;padding:25px 10px 7.5px;position:relative;width:100%}section .signin .content .form .inputBox i{color:#aaa;font-style:normal;left:0;padding:15px 10px;pointer-events:none;position:absolute;transition:.5s}.signin .content .form .inputBox input:focus~i,.signin .content .form .inputBox input:valid~i{color:#fff;font-size:.8em;transform:translateY(-7.5px)}.signin .content .form .links{display:flex;justify-content:space-between;position:relative;width:100%}.signin .content .form .links a{color:#fff;text-decoration:none}.signin .content .form .links a:nth-child(2){color:#fff;font-weight:600}.signin .content .form .inputBox input[type=submit]{background:#fff;color:#000;cursor:pointer;font-size:1.35em;font-weight:600;letter-spacing:.05em;padding:10px}input[type=submit]:active{opacity:.6}.section-footer{padding:9.6rem 0 0}.footer{align-items:center;background-color:var(--background);color:#333;display:flex;font-size:1.6rem;height:5rem;justify-content:space-between;padding:0 3.2rem;width:100%}.copyright{font-size:1.8rem;letter-spacing:.2rem}.links li{align-items:center;background-color:var(--background);border-radius:100%;display:flex;height:6rem;justify-content:center;width:6rem}.resources-links{display:flex;list-style:none;text-transform:uppercase}.resources-links li{letter-spacing:.1rem;margin:0 1.4rem}li,ul{margin:0;padding:0}.social-links{font-size:4.4rem;margin:8rem 0;text-decoration:none}.social-links ul{align-items:center;display:flex;gap:4rem;justify-content:center;list-style:none}.social-links li a{color:#333}.social-links li a:hover{color:salmon}.dev-name{text-decoration:underline}.dev-name:hover{background-color:var(--selection)}.toolbar-nav{align-items:center;background-color:#222831;border-radius:1.5rem;bottom:2rem;box-shadow:0 1px 3px 0 #00000005,0 0 0 1px #1b1f2326;display:flex;height:10rem;justify-content:center;left:50%;padding:.5rem 1.5rem;position:fixed;transform:translate(-50%,-10%);transition:all .5s;z-index:999}.toolbar-links{display:flex;font-size:2.8rem}.toolbar-links li{border-radius:10px;justify-content:center;justify-items:center;list-style:none;text-decoration:none;width:100%}.toolbar-links li a{color:var(--background)}.toolbar-links li:hover{background-color:#2e3643}.toolbar-icons{color:var(--background);padding:1.2rem 2rem;text-align:center}.toolbar-icon_name{display:block;font-family:sans-serif;font-size:1.4rem;font-weight:400;margin-top:1rem}.hide{transform:translate(-50%,250%)}.section-links{padding:9.6rem 0}.links-page{display:flex;flex-wrap:wrap;font-size:5rem;gap:2rem;justify-content:center}.notse-links{border:2px solid var(--text-color);color:var(--text-color);padding:1.8rem 1rem;text-transform:capitalize}.notse-links:hover{transform:rotate(5deg)}.heading-big{font-size:10rem;margin:5rem;text-transform:uppercase}:root{--light:#fff;--theme:#1a1d24;--circle:#fef6eb;--text-color:#fff;--selection:#fddd5a;--background:#fddd5a;--timeline-box:#222831}@media (max-width:68.75em){.hero{max-width:120rem}.hero-text-box{font-size:3.4rem}.demo,.projects{grid-template-columns:repeat(2,1fr)}}@media (max-width:56.25em){.hero{max-width:100rem}.hero-text-box{font-size:2.4rem}.folder-container,.untitled-folder{height:50vmin;width:50vmin}.message-box{font-size:1.4rem;height:8vmin;width:30vmin}.mr-folder{height:25vmin;width:37vmin}.eyes{height:6vmin;width:6vmin}.eye-brow+.eye-brow{left:auto;right:18%}.pupil{height:2.5vmin;width:2.5vmin}.Testimonial{font-size:2.4rem}.fa-quote-left,.fa-quote-right{font-size:4.8rem;opacity:.5}.about{gap:5rem;grid-template-columns:1fr;justify-items:center}.about-content{font-size:2rem}.profile-img{width:50%}.footer{font-size:1.4rem}.copyright{font-size:1.6rem}.tag{bottom:-80%;font-size:.8rem;letter-spacing:1px}}@media (max-width:45.87em){.demo,.projects{grid-template-columns:repeat(1,1fr)}.para{font-size:2rem}.footer{align-content:center;flex-wrap:wrap;font-size:1.8rem;gap:1.2rem;height:8rem;justify-content:center}}@media (max-width:40.5em){.hero{gap:6rem;grid-template-columns:1fr}.hero-text-box{font-size:2.4rem}.spider-web{width:80%}.section-hero{padding:20rem 0 8rem}.heading-secondary{font-size:2.8rem;margin-bottom:5rem}.about-content{font-size:1.4rem}.profile-img{width:70%}.para{font-size:1.4rem}.social-links{font-size:3.8rem}.links li{height:5rem;width:5rem}.footer{align-content:center;flex-wrap:wrap;font-size:1.2rem;gap:1rem;height:8rem;justify-content:center}.hero{padding:0 1.2rem}.heading-big{font-size:4rem}.links-page{font-size:3rem}.toolbar-nav{width:32rem}.toolbar-links{font-size:2.4rem}.toolbar-icons{padding:1.6rem}}@media (max-width:35.56em){.toolbar-nav{align-items:center;background-color:#222831;border-radius:0;bottom:0!important;display:flex;height:10rem;justify-content:center;left:0;padding:.5rem 1.5rem;position:fixed;transform:none;transition:all .5s;width:100%;z-index:999}body{padding-bottom:10rem}.hide{transform:translateY(150%)}.toolbar-links{font-size:2.1rem;gap:3rem}}@media (max-width:23.43em){.hero-text-box{font-size:2.1rem}.project{width:28rem}.footer{font-size:1rem}.copyright{font-size:1.2rem}.toolbar-nav{align-items:center;background-color:#222831;border-radius:0;bottom:0!important;display:flex;height:8rem;justify-content:center;left:0;padding:.5rem 1.5rem;position:fixed;transform:none;transition:all .5s;width:100%;z-index:999}.toolbar-links{font-size:1.6rem;gap:2rem}.toolbar-icons{padding:1rem}body{padding-bottom:8rem}}.center{align-items:center;display:flex;justify-content:center}.section-projects{padding:9.6rem 0}.projects{column-gap:5rem;font-size:2.1rem;justify-items:center;margin-top:12rem;row-gap:10rem}.project-title{font-size:1.8rem;margin-top:1.5rem}.project-img{width:100%}.section-demo{padding:9.6rem 0}.demo{column-gap:5rem;justify-items:center;margin-top:12rem;row-gap:10rem}.project{width:33rem}.project-title{margin-bottom:1.4rem}.tech-stack{border-radius:.4rem;display:inline-block;font-size:1.2rem;font-weight:600;margin:0 auto;padding:10px;text-transform:uppercase}.css{background-color:#8a2be2}.javascript{background-color:#fddd5a;color:#333;margin-left:1.4rem}.react{background-color:#61dafb;color:#333;margin-left:1.2rem}.more{margin-top:2rem}.more-project{padding-left:0}.more-link{color:var(--text-color)}