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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}.Body{align-items:center;background-attachment:scroll;display:flex;flex-direction:column;min-height:100vh;overscroll-behavior:none;z-index:100}.Navigation{display:flex;justify-content:center;margin-top:0;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}body{background:linear-gradient(180deg,#add8e6,#87cefa);background-attachment:fixed;height:100%;margin:0;overflow-x:hidden;padding:0;top:0}body.dark-mode{background:linear-gradient(180deg,#1b1b1b,#222);background-attachment:fixed}#background-wrap{bottom:0;left:0;padding-top:50px;position:fixed;right:0;top:150px;z-index:-1}@keyframes animateCloud{0%{margin-left:-1000px}to{margin-left:100%}}.x1{animation:animateCloud 35s linear infinite;transform:scale(.65)}.x2{animation:animateCloud 20s linear infinite;transform:scale(.3)}.x3{animation:animateCloud 30s linear infinite;transform:scale(.5)}.x4{animation:animateCloud 18s linear infinite;transform:scale(.4)}.x5{animation:animateCloud 25s linear infinite;transform:scale(.55)}.cloud{background:#fff;background:linear-gradient(top,#fff 5%,#f1f1f1);border-radius:100px;box-shadow:0 8px 5px #0000001a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#f1f1f1",GradientType=0);height:120px;position:relative;width:350px}.cloud:after,.cloud:before{z-indeX:-1;background:#fff;content:"";position:absolute}.cloud:after{border-radius:100px;height:100px;left:50px;top:-50px;width:100px}.cloud:before{border-radius:200px;height:180px;right:50px;top:-90px;width:180px}body.dark-mode .cloud{background:#7a7a7a;background:linear-gradient(top,#7a7a7a 5%,#666);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7a7a7a",endColorstr="#666666",GradientType=0)}body.dark-mode .cloud:after,body.dark-mode .cloud:before{background:#7a7a7a;overscroll-behavior:none}.welcomeMessageDiv{margin-top:10vh;width:50vw}.aboutMeDiv{width:50vw}.timelinediv{margin-top:10vh}.fade{opacity:0;transition:opacity .5s ease-in-out}.fade-visible{opacity:1}.projectsDiv{margin-top:10vh}.navbar-container{padding:10px 20px;position:relative;width:100%}.logo-container,.navbar-container{align-items:center;display:flex;justify-content:center}.logo-container{height:100%;left:20px;position:absolute}.logo{height:auto;transition:transform .2s ease-in-out;width:100px}.logo:hover{animation:jiggle .5s infinite}@keyframes jiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.button-container{background:linear-gradient(90deg,#f19af3,#f099b5);border-radius:40px;box-shadow:0 5px 15px #00000059,5px 10px 15px #f5499080;height:50px;justify-content:space-around;transition:all .3s ease-in-out;width:400px}.button,.button-container{align-items:center;display:flex}.button{background-color:initial;border:0!important;border-radius:50%;color:#fff;cursor:pointer;height:40px;justify-content:center;outline:0!important;transition:all .2s ease-in-out;width:40px}.button-container:hover{box-shadow:0 8px 20px #00000073,7px 15px 20px #f5499099;transform:scale(1.1)}.button:hover{transform:scale(1.3)}.icon{font-size:25px}.theme-switch-container{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;right:20px}.checkbox-wrapper-5 .check{--size:40px;background:linear-gradient(90deg,#f19af3,#f099b5);font-size:var(--size);line-height:0;perspective:400px;position:relative}.checkbox-wrapper-5 .check,.checkbox-wrapper-5 .check input[type=checkbox],.checkbox-wrapper-5 .check label,.checkbox-wrapper-5 .check label:after,.checkbox-wrapper-5 .check label:before{-webkit-appearance:none;appearance:none;border:0;border-radius:var(--size);box-sizing:border-box;cursor:pointer;display:inline-block;transition:.35s ease-in-out}.checkbox-wrapper-5 .check label{background:#d7d7d7;height:var(--size);overflow:hidden;width:calc(var(--size)*2.2)}.checkbox-wrapper-5 .check input[type=checkbox]{background:linear-gradient(45deg,gold,#ffffe0);box-shadow:0 6px 7px #0000004d;height:calc(var(--size)*.8);left:calc(var(--size)*.1);margin:0;outline:none;position:absolute;top:calc(var(--size)*.1);width:calc(var(--size)*.8);z-index:1}.checkbox-wrapper-5 .check input[type=checkbox]:checked{background:linear-gradient(45deg,#cdcdcd,#e6e6fa);border-color:#000;border-width:1px;left:calc(var(--size)*1.3)}.checkbox-wrapper-5 .check input[type=checkbox]:checked+label{background:#0000}.checkbox-wrapper-5 .check label:after,.checkbox-wrapper-5 .check label:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:0;color:#9b9b9b;content:"· ·";font-family:Times New Roman,serif;font-size:calc(var(--size)*.6);height:var(--size);left:calc(var(--size)*.15);letter-spacing:calc(var(--size)*-.04);overflow:hidden;position:absolute;top:calc(var(--size)*.5);transform-origin:0 0 calc(var(--size)*-.5);z-index:2}.checkbox-wrapper-5 .check label:after{content:"●";font-size:calc(var(--size)*.2);height:calc(var(--size)*.1);left:calc(var(--size)*.2);top:calc(var(--size)*.65);transform-origin:0 0 calc(var(--size)*-.4);width:calc(var(--size)*.35)}.checkbox-wrapper-5 .check input[type=checkbox]:checked+label:after,.checkbox-wrapper-5 .check input[type=checkbox]:checked+label:before{left:calc(var(--size)*1.55);line-height:calc(var(--size)*.1);top:calc(var(--size)*.4);transform:rotateY(1turn)}.checkbox-wrapper-5 .check input[type=checkbox]:checked+label:after{font-size:calc(var(--size)*.6);height:calc(var(--size)*.16);left:calc(var(--size)*1.6);line-height:0;top:calc(var(--size)*.55)}.design-section{align-items:center;background:#0000;display:flex;flex-direction:column;font-family:Freeman,sans-serif;justify-content:center;margin-top:0;min-height:100vh;width:80vw}.design-section-dark-mode h1{color:#fff}h1{animation:slideInFromBottom 1s ease-out;font-size:4em;font-weight:700;margin-bottom:10px}.design{align-items:center;display:flex;justify-content:center}.timeline{display:flex;flex-direction:column;height:auto;margin:4% auto;max-width:800px;width:80%}.timeline-content{background:linear-gradient(0deg,#a6e1ff,#74c6ff);border-radius:5px;border-radius:40px;box-shadow:5px 5px 10px #1a1a1a,-5px -5px 10px #242424;margin:1rem 1rem 20px;overflow-wrap:break-word!important;padding:1.75rem;transition:.4s ease}.timeline-content-dark{background:linear-gradient(90deg,#f19af3,#f099b5);box-shadow:5px 5px 10px #f5499080,-5px -5px 10px #f5499080;color:#fff}@media screen and (min-width:768px){.timeline{display:grid;grid-template-columns:1fr 3px 1fr}.timeline-middle{background-image:linear-gradient(45deg,#ffeb3b,#ffec5c,#ffe67e);box-shadow:0 0 15px #ffeb3b,0 0 25px #ffec5ce6;height:100%;position:relative;width:5px}.main-middle{opacity:0}.timeline-circle{align-items:center;background-image:linear-gradient(45deg,#ffeb3b,#ffec5c,#ffe67e);border-radius:50%;box-shadow:0 0 15px #ffeb3b,0 0 25px #ffec5ce6;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);width:50px}.timeline-circle-dark,.timeline-middle-dark{background-image:linear-gradient(135deg,#fff,#f0f0f0);box-shadow:0 0 15px #fffc,0 0 25px #fff9}.timeline-circle-dark{align-items:center;display:flex;font:black;justify-content:center}.timeline-component{margin:0 40px 20px}}.form{border-radius:20px;display:flex;flex-direction:column;gap:10px;margin-bottom:17.5vh;margin-top:12.5vh;padding-inline:2em;padding-bottom:2em}.form,.form-heading{align-self:center;background-color:initial}.form-heading{color:#fff;font-size:1.2em;font-size:xx-large;font-weight:700;margin:1em 2em;text-align:center}.form-field{align-items:center;background-image:linear-gradient(90deg,#f19af3,#f099b5);border:2px solid;border-radius:10px;color:#fff;display:flex;gap:.5em;justify-content:center;outline:none;padding:.6em}.input-field{background:none;border:none;color:#fff;outline:none;padding-inline:1em;width:100%}.sendMessage-btn{background-image:linear-gradient(180deg,#a6e1ff,#74c6ff);border:.5px solid;border-radius:10px;color:#000;font-weight:700;margin-bottom:3em;outline:none;padding:1em}.sendMessage-btn,.sendMessage-btn:hover{cursor:pointer;transition:all .3s ease-in-out}.sendMessage-btn:hover{background-color:#a6e1ff;box-shadow:inset 2px 5px 10px #05050580,0 0 15px 5px #a6e1ff80;color:#fff}.form-card1{background-image:linear-gradient(90deg,#f19af3,#f099b5);border-radius:22px;box-shadow:0 5px 15px #00000059,5px 10px 15px #f5499080;margin-top:15vh;transition:all .3s}.form-card1:hover{box-shadow:0 8px 20px #00000073,7px 15px 20px #f5499099;transform:scale(1.02)}.form-card2{border-radius:0;transition:all .2s}.form-card2:hover{border-radius:20px;box-shadow:0 0 30px 1px #f19af34d;transform:scale(1.02)}.dark-mode .form-heading{color:#000}.dark-mode .form-card1{background-image:linear-gradient(180deg,#a6e1ff,#74c6ff);box-shadow:0 0 10px #66b5ffb3,0 0 20px #66b5ff80,0 0 30px #66b5ff4d}.dark-mode .form-card1:hover{box-shadow:0 0 25px #66b5ff,0 0 50px #66b5ffe6,0 0 75px #66b5ffcc}.dark-mode .form-field{background-image:linear-gradient(90deg,#a6e1ff,#74c6ff);border:2px solid linear-gradient(90deg,#f19af3,#f099b5)}.dark-mode .sendMessage-btn{background-image:linear-gradient(90deg,#f19af3,#f099b5);color:#fff}.dark-mode .sendMessage-btn:hover{background-color:#f19af3;box-shadow:inset 2px 5px 10px #05050580,0 0 15px 5px #f5499080;color:#fff}.welcome-message{color:#000;font-family:Freeman,sans-serif;margin:20px;text-align:center}.dark-mode .welcome-message{color:#fff}.welcome-message h1{animation:slideInFromBottom 1s ease-out;font-size:4em;font-weight:700;margin-bottom:10px}.welcome-message p{animation:slideInFromBottom 1s ease-out;animation-delay:.5s;animation-fill-mode:forwards;font-size:1.5em;opacity:0}.button-container-horizontal{animation:slideInFromBottom 1s ease-out;animation-delay:1s;animation-fill-mode:forwards;display:flex;gap:10px;justify-content:center;margin-top:20px;opacity:0}.github-button,.linkedin-button,.projects-button,.resume-button{align-items:center;background:linear-gradient(90deg,#f19af3,#f099b5);border:none;border-radius:25px;box-shadow:0 2.5px 7.5px #00000059,2.5px 5px 7.5px #f5499080;cursor:pointer;display:flex;font-size:1em;padding:10px 20px;transition:all .2s ease-in-out}.projects-button,.resume-button{color:#fff;font-family:Freeman,sans-serif;font-size:large}.projects-button .icon,.resume-button .icon{fill:#fff;height:1em;margin-left:10px;width:1em}.github-button .icon,.linkedin-button .icon{fill:#fff;height:1em;width:1em}.github-button:hover,.linkedin-button:hover,.projects-button:hover,.resume-button:hover{box-shadow:0 4px 10px #00000073,3.5px 7.5px 10px #f5499099;transform:scale(1.05)}.about-me{align-items:center;color:#000;font-family:Freeman,sans-serif;justify-content:center;margin:25vh 20px 20px;text-align:center}.dark-mode .about-me{color:#fff}.about-me h1{animation:slideInFromBottom 1s ease-out;animation-delay:1.25s;animation-fill-mode:forwards;font-size:4em;font-weight:700;margin-bottom:10px;opacity:0}.about-me p{animation:slideInFromBottom 1s ease-out;animation-delay:1.5s;animation-fill-mode:forwards;font-size:1.5em;opacity:0}.about-me p b{color:#e75480}.dark-mode .about-me p b{color:#f099b5}.projects-link{color:#e75480;text-decoration:underline;text-decoration-color:#e75480}.dark-mode .projects-link{color:#f099b5;text-decoration:underline;text-decoration-color:#f099b5}.projects-container{font-family:Freeman,sans-serif;padding:20px}.projects-container h1{animation:slideInFromBottom 1s ease-out;animation-delay:1.25s;animation-fill-mode:forwards;color:#000;font-size:4em;font-weight:700;margin-bottom:50px;opacity:0;text-align:center}body.dark-mode .projects-container h1{color:#fff}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.projects-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project-card{background-position:50%;background-size:cover;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:500px;justify-content:flex-end;overflow:hidden;position:relative;transition:transform .2s;width:400px}.project-card:hover{transform:scale(1.05)}.project-links{display:flex;gap:10px;position:absolute;right:10px;top:10px;z-index:2}.project-links a svg{fill:#fff;height:20px;transition:transform .2s;width:20px}.project-links a svg:hover{fill:pink;transform:scale(1.25)}.project-info{background:linear-gradient(0deg,#000000b3 0,#0000004d 50%,#0000);color:#fff;cursor:pointer;padding:1rem;position:relative;width:95%;z-index:1}body.dark-mode .project-info{background:linear-gradient(0deg,#fff3 0,#ffffff26 25%,#ffffff1a 50%,#ffffff0d 75%,#fff0);color:#fff}.project-name{color:#daa520!important;font-size:1.5em;font-weight:700;margin-bottom:10px}.project-description{font-size:1em;line-height:1.5}.project-popup{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:90vh;max-width:1200px;position:relative;width:95%}.close-button{background:#0000;border:none;cursor:pointer;font-size:30px;position:absolute;right:20px;top:15px}.popup-inner{display:flex;flex:1 1;overflow:hidden}.popup-left{flex:2 1}.popup-left,.popup-right{overflow-y:auto;padding:20px}.popup-right{flex:1.5 1}.popup-divider{background-color:#ccc;width:1px}.popup-left{background-color:initial;position:relative}.media-header{background-color:#ffffffe6;font-size:1.5em;font-weight:700;padding:10px;position:-webkit-sticky;position:sticky;top:0}body.dark-mode .media-header{background-color:#333333e6;color:#fff}.media-content{margin-top:10px}.media-content img{cursor:pointer;margin-bottom:10px;width:100%}.popup-right h2{margin-bottom:20px}.project-section{margin-bottom:30px}.project-section h3{margin-bottom:15px}.project-section p{line-height:1.8}.project-section a{color:#1a0dab;text-decoration:none}.project-section a:hover{text-decoration:underline}.tech-stack{display:flex;flex-wrap:wrap;gap:10px}.tech-item{background-color:#e0e0e0;border-radius:5px;font-size:.9em;padding:8px 12px}body.dark-mode .tech-item{background-color:#555;color:#fff}.media-viewer{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.media-viewer-content{max-width:800px;position:relative;text-align:center;width:90%}.media-viewer-content img{max-height:80vh;object-fit:contain;width:100%}.media-nav{background:#0000;border:none;color:#fff;cursor:pointer;font-size:50px;padding:0 20px;position:absolute;top:50%;transform:translateY(-50%)}.media-nav.prev{left:0}.media-nav.next{right:0}body.dark-mode .media-nav{color:#fff}@media (max-width:768px){.popup-inner{flex-direction:column}.popup-divider{height:1px;width:100%}.popup-left,.popup-right{flex:none;height:50%;padding:10px}.media-nav{font-size:40px}}body.dark-mode .popup-content{background-color:#333;color:#fff}body.dark-mode .popup-divider{background-color:#555}body.dark-mode .close-button{color:#fff}body.dark-mode .project-popup{background-color:#000000e6}body.dark-mode .project-section a{color:#add8e6}body.dark-mode .media-viewer{background-color:#000000f2}
/*# sourceMappingURL=main.2c66e378.css.map*/