@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body,html{box-sizing:border-box;font-family:Poppins,Times New Roman,Times,serif;font-size:1rem;font-weight:400;margin:0;padding:0;text-align:center;text-decoration:none}#socialLinks{align-items:center;column-gap:2rem;display:flex;justify-content:center;margin-top:1.5rem}#socialLinks .social-icon-fill svg{color:#000;font-size:1.8rem;font-weight:400;transition:transform .3s ease}#socialLinks .social-icon-fill svg:hover{transform:scale(1.1)}@media(max-width:768px){#socialLinks{column-gap:1.5rem}}@media(max-width:400px){.social-icon-fill{font-size:1.7rem}}#websiteLinks{flex-direction:column;gap:1rem 0;margin-top:2rem}#websiteLinks,#websiteLinks div{align-items:center;display:flex;justify-content:center}#websiteLinks div{transition:all .1s ease-out;width:45%}#websiteLinks div a{background-color:#b1b1b142;border-radius:20px;box-shadow:0 0 3px hsla(0,0%,66%,.589);color:#000;font-size:1rem;padding:1rem;text-align:center;text-decoration:none;width:100%}#websiteLinks div:hover{transform:scale(1.03)}@media(max-width:768px){#websiteLinks div{width:75%}#websiteLinks div a{font-size:.9rem}}@media(max-width:400px){#websiteLinks div{width:90%}#websiteLinks div a{font-size:.9rem}}.container{height:100vh;overflow:hidden;position:relative;width:100vw}.container .linktree-section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:1}.container .linktree-section .main{width:100%}.container .linktree-section .main .heading .profile-img{border-radius:50%;box-shadow:1px 2px 3px hsla(0,0%,66%,.589);height:6rem;object-fit:contain;width:6rem}.container .linktree-section .main .heading .page-title{font-family:Sacramento;font-size:1.1rem;font-weight:500}.container .linktree-section .main .heading .page-bioline{font-weight:400;margin-bottom:1rem}.container .portfolio-section{height:100%;position:absolute;transform:translateY(100%);transition:transform .7s ease-in-out;width:100%;z-index:2}.container .portfolio-section.visible{transform:translateY(0)}.website{background-color:#fff;bottom:0;overflow-y:scroll;padding-top:2rem;z-index:3}.website,.website header{left:0;position:fixed;right:0;top:0}.website header{background-color:#538a2d;background-color:var(--color-green);box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 0;width:100%;z-index:100}.website header .navbar{align-items:center;display:flex;justify-content:space-between;justify-content:center;padding:0 2rem}@media(max-width:567px){.website header .navbar{padding:0 .5rem}}.website header .navbar ul{display:flex;list-style:none;margin:0;padding:0}.website header .navbar li{cursor:pointer;font-weight:700;margin:0 1rem}@media(max-width:567px){.website header .navbar li{margin:0 .8rem}}.website header .navbar li.active{color:#e7ef9d;color:var(--color-yellow);font-weight:700}.website section.about,.website section.projects{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.website section.projects .project-box{grid-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr);width:80%}@media(max-width:1200px){.website section.projects .project-box{grid-template-columns:repeat(2,1fr)}}@media(max-width:772px){.website section.projects .project-box{grid-template-columns:repeat(1,1fr)}}@media(max-width:400px){.website section.projects .project-box{padding:0 1rem;width:100%}}.website .about h2,.website .projects h2,.website .timeline-section h2{color:#ff1643;color:var(--color-red);display:none;text-align:center}.website .project-card{background-color:#e7ef9d;background-color:var(--color-yellow);border-radius:5px;box-shadow:0 2px 4px #0000001a;margin:1rem 0;padding:1rem}.website .project-card h3{margin:0 0 1rem}.website .project-card a,.website .project-card p{align-items:center;display:flex;justify-content:center}.website .project-card a{color:#538a2d;color:var(--color-green);font-size:1rem;font-weight:700;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.website .project-card a svg{margin:1rem 0 0 .3rem}.website .project-card a:hover{transform:scale(1.01)}.website .project-card iframe{border:none;border-radius:5px;height:250px;margin-top:1rem;max-width:360px;width:100%}.website .about,.website .projects{align-items:center;display:flex;justify-content:center;padding:3rem 0 0;position:relative}.website .about .about-box{width:50%}@media(max-width:765px){.website .about .about-box{width:90%}}.website .about .month-selector{align-items:center;display:flex;justify-content:center}.website .about .month-selector .selector .label{font-weight:600}.website .about .monthly-activity{margin-bottom:2rem}.website .about .monthly-activity h3{background-color:#fff;border-bottom:2px solid #ff1643;border-bottom:2px solid var(--color-red);color:#ff1643;color:var(--color-red);padding-bottom:.5rem;padding-top:1rem;position:-webkit-sticky;position:sticky;top:1.5rem}.website .about .monthly-activity ul{list-style:none;padding:0}.website .about .monthly-activity ul li{background-color:#e7ef9d;background-color:var(--color-yellow);border-radius:5px;box-shadow:0 2px 4px #0000001a;margin:.5rem 0;padding:.5rem}:root{--color-red:#ff1643;--color-green:#538a2d;--color-brown:#5c4037;--color-yellow:#e7ef9d}.timeline{list-style-type:none;margin:4rem auto 0;padding:1em 0;position:relative;width:660px}.timeline:before{background:#ff1643;background:var(--color-red);background:linear-gradient(180deg,#50505000 0,#ff1643 8%,#ff1643 92%,#50505000);background:linear-gradient(to bottom,#50505000 0,var(--color-red) 8%,var(--color-red) 92%,#50505000 100%);content:" ";display:block;height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px;z-index:5}.timeline li{padding:1em 0}.timeline li:after{clear:both;content:"";display:block;height:0;visibility:hidden}.direction-l{float:left;text-align:right}.direction-l,.direction-r{position:relative;width:300px}.direction-r{float:right;text-align:left}.flag-wrapper{display:inline-block;position:relative;text-align:center}.flag{background:#e7ef9d;background:var(--color-yellow);border-radius:5px;display:inline;font-weight:600;padding:6px 10px;position:relative;text-align:left}.flag a{color:inherit;text-decoration:none}.flag a:hover{text-decoration:underline}.direction-l .flag{box-shadow:-1px 1px 1px #00000026,0 0 1px #00000026}.direction-r .flag{box-shadow:1px 1px 1px #00000026,0 0 1px #00000026}.direction-l .flag:before,.direction-r .flag:before{background:#fff;border:4px solid #ff1643;border:4px solid var(--color-red);border-radius:10px;content:" ";display:block;height:12px;margin-top:-10px;position:absolute;right:-40px;top:50%;width:12px;z-index:10}.direction-r .flag:before{left:-40px}.direction-l .flag:after{border:8px solid #0000;border-left:8px solid var(--color-yellow);left:100%}.direction-l .flag:after,.direction-r .flag:after{content:"";height:0;margin-top:-8px;pointer-events:none;position:absolute;top:50%;width:0}.direction-r .flag:after{border:8px solid #0000;border-right:8px solid var(--color-yellow);right:100%}.time-wrapper{color:#ff1643;color:var(--color-red);display:inline;font-size:.66666em;line-height:1em;margin-top:.25rem;vertical-align:middle}.direction-l .time-wrapper{float:left;margin-right:.5rem}.direction-r .time-wrapper{float:right;margin-left:.5rem}.time{display:inline-block;padding:4px 6px}.desc{font-size:.77777em;font-style:italic;line-height:1.5em;margin:1em .75em 0 0}.direction-r .desc{margin:1em 0 0 .75em}@media screen and (max-width:660px){.timeline{padding:4em 0 1em;width:100%}.timeline li{padding:2em 0}.direction-l,.direction-r{float:none;text-align:center;width:100%}.flag-wrapper{text-align:center}.flag{background:#e7ef9d;background:var(--color-yellow);z-index:15}.direction-l .flag:before,.direction-r .flag:before{background:#fff;border:4px solid #ff1643;border:4px solid var(--color-red);border-radius:10px;content:" ";display:block;height:12px;left:50%;margin-left:-9px;position:absolute;top:-30px;width:12px;z-index:10}.direction-l .flag:after,.direction-r .flag:after{border:8px solid #0000;border-bottom:8px solid var(--color-yellow);content:"";height:0;left:50%;margin-left:-8px;pointer-events:none;position:absolute;top:-8px;width:0}.time-wrapper{display:block;margin:1rem 0 0;position:relative;z-index:14}.direction-l .time-wrapper,.direction-r .time-wrapper{float:none}.time-wrapper .time{background-color:#e7ef9d;background-color:var(--color-yellow);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.desc{background:#5c4037;background:var(--color-brown);box-shadow:0 0 1px #0003;color:#e7ef9d;color:var(--color-yellow);margin:1em 0 0;padding:1em;position:relative;z-index:15}.direction-l .desc,.direction-r .desc{margin:1em 1em 0;padding:1em;position:relative;z-index:15}}@media screen and (min-width:400px)and (max-width:660px){.direction-l .desc,.direction-r .desc{margin:1em 4em 0}}.loader-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.loader-container .loader{animation:l5 4s linear infinite;aspect-ratio:1.154;background:linear-gradient(to bottom left,#0000 calc(50% - 1px),currentColor 0 calc(50% + 1px),#0000 0) 100%/50% 100%,linear-gradient(to bottom right,#0000 calc(50% - 1px),currentColor 0 calc(50% + 1px),#0000 0) 0/50% 100%,linear-gradient(currentColor 0 0) bottom/100% 2px;background-repeat:no-repeat;color:#000;display:grid;transform-origin:50% 66%;width:50px}.loader-container .loader:after,.loader-container .loader:before{animation:inherit;background:inherit;content:"";grid-area:1/1;transform-origin:inherit}.loader-container .loader:after{animation-duration:2s}@keyframes l5{to{transform:rotate(1turn)}}.notfound-container{height:100vh;justify-content:center}.notfound-container,.notfound-container .goback{align-items:center;display:flex;flex-direction:column}.notfound-container .goback{color:#ff1643;margin-top:1rem}.notfound-container .goback a{align-items:center;color:#538a2d;display:flex;justify-content:center;margin-top:.5rem;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.notfound-container .goback a svg{animation:rotating 3s linear infinite;margin-right:.3rem;margin-top:.1rem}.notfound-container .goback a:hover svg{color:#5c4037}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notfound-container .loader{--c:radial-gradient(farthest-side,#000 94%,#0000);animation:l8 3s infinite;background:radial-gradient(farthest-side at top,#0000 calc(100% - 5px),#e7ef9d calc(100% - 4px)),radial-gradient(2px 3px at 0 0,#5c4037 89%,#0000) 0 0/17px 12px,#ff1643;border:5px solid #538a2d;border-radius:0 0 100px 100px;border-top:0;box-sizing:border-box;height:40px;-webkit-mask:linear-gradient(#0000 0 0),var(--c) 12px -8px,var(--c) 29px -8px,var(--c) 45px -6px,var(--c) 22px -2px,var(--c) 34px 6px,var(--c) 21px 6px,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0),var(--c) 12px -8px,var(--c) 29px -8px,var(--c) 45px -6px,var(--c) 22px -2px,var(--c) 34px 6px,var(--c) 21px 6px,linear-gradient(#0000 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude,add,add,add,add,add,add;-webkit-mask-repeat:no-repeat;width:80px}@keyframes l8{0%{-webkit-mask-size:auto,0 0,0 0,0 0,0 0,0 0,0 0}15%{-webkit-mask-size:auto,20px 20px,0 0,0 0,0 0,0 0,0 0}30%{-webkit-mask-size:auto,20px 20px,20px 20px,0 0,0 0,0 0,0 0}45%{-webkit-mask-size:auto,20px 20px,20px 20px,20px 20px,0 0,0 0,0 0}60%{-webkit-mask-size:auto,20px 20px,20px 20px,20px 20px,20px 20px,0 0,0 0}75%{-webkit-mask-size:auto,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px,0 0}90%,to{-webkit-mask-size:auto,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px}}
/*# sourceMappingURL=main.78101a3f.css.map*/