@import"https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap";html,body{margin:0;padding:0;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{margin:0;padding:0;height:100%;width:100%;background-image:url(/assets/background-long-77ew1Rps.png);background-size:auto;background-repeat:no-repeat;background-position:top center}#root,.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1}.content-center-wrapper{display:flex;justify-content:center;width:100%;flex-grow:1;margin-top:80px}.navbar-container{display:flex;gap:28px;position:fixed;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;padding:10px;margin:0 0 0 30px;background-color:#ffffff2d;z-index:1000;justify-content:flex-start;align-items:center;height:60px;top:0;left:0;right:0}.navbar-item{font-weight:500;font-size:13px;color:#c6422b}.navbar-item:hover{color:#000}.page-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.home-container{position:relative;padding:20px;width:fit-content}.home-logo-overlay{position:absolute;top:35%;left:60%;transform:translate(-50%,-50%);z-index:0;width:300px}.home-name{position:relative;z-index:1;font-family:Rubik,sans-serif;font-weight:600;font-size:800%;color:#c6422b;line-height:80%}.homepage-logo{width:100%;animation:spin 10s linear infinite}@media only screen and (max-width: 430px){.home-name{font-size:550%}.home-container{margin:0 auto}}.projects-container{width:100%;max-width:1400px;margin:40px auto 0;display:flex;flex-direction:column;align-items:center;padding:0 1rem;box-sizing:border-box}.projects-header{width:100%;text-align:center;padding-bottom:1rem;padding-top:1rem}.project-page-description{width:90%;font-family:Rubik,sans-serif;font-weight:100;font-size:1.1rem;color:#3a4857;max-width:800px;padding-top:10px;padding-bottom:10px;text-align:center;justify-self:center}.projects-grid{width:80%;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;justify-content:center}.project-card{aspect-ratio:1;overflow:hidden;border-radius:12px;background-color:#fff;box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;width:100%}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px #0000001f}.project-card-inner{height:100%;width:100%}.project-image-container{position:relative;width:100%;height:100%}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#c6422b;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:.7}.view-project{color:#fff;font-family:Rubik,sans-serif;font-weight:600;padding:.75rem;border:2px solid white;border-radius:30px;font-size:.9rem;transition:background-color .3s ease,color .3s ease}.view-project:hover{background-color:#fff;color:#333}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.25rem;color:#666}@media (min-width: 560px){.projects-grid{gap:2rem}.projects-container{margin-top:40px;padding:0 2rem}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(2,minmax(0,300px))}}@media (min-width: 1280px){.projects-container{margin-top:40px;padding:0 3rem}}@media (max-width: 870px){.project-page-description{text-align:left}}@media (max-width: 560px){.projects-container{padding:0 1rem;margin-top:40px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.projects-header{padding-bottom:1rem}.page-title{font-size:300%}.view-project{font-size:.7rem;padding:.5rem}}@media (max-width: 430px){.projects-grid{display:flex;flex-direction:column;gap:2rem;justify-content:center}.project-card{width:70%;margin:0 auto}.project-page-description{align-self:center}}.single-project-container{width:100%;max-width:1400px;margin:40px auto 0;display:flex;flex-direction:column;align-items:flex-end;padding:0 1rem;box-sizing:border-box}.project-header{width:100%;text-align:right;margin-bottom:2rem;padding-top:1rem}.title-section{display:flex;justify-content:space-between;vertical-align:middle;align-items:flex-end}.back-button{color:#606060;background:none;text-align:center;padding:0 0 8px;border:none;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:12px;font-style:italic;margin:0 0 0 53px;height:24px;text-decoration:underline}.back-icon{vertical-align:middle}.tech-stack-container{margin-top:30px;margin-left:20px;margin-right:20px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;row-gap:15px}.tech-name{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:10px;font-weight:500;color:#fff;letter-spacing:.02rem;background-color:#a1c4ea;border:2px solid transparent;padding:4px 6px;border-radius:8px;margin:0}.github-links-container{display:flex;gap:20px;justify-content:center;margin-top:10px}.github-link{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:10px;font-weight:500;color:#3a4857;letter-spacing:.02rem;background-color:transparent;border:2px solid #C6422B;padding:4px 6px;border-radius:8px;margin:0}.github-link:hover{color:#fff;background-color:#c6422b;border:2px solid transparent}.live-link-container{display:flex;justify-content:center;margin-top:20px}.live-link{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:10px;font-weight:500;color:#fff;letter-spacing:.02rem;background-color:#c6422b;border:2px solid transparent;padding:4px 6px;border-radius:8px;margin:0}.live-link:hover{color:#fff;background-color:#a1c4ea;border:2px solid transparent}.project-description{font-family:Rubik,sans-serif;font-weight:100;font-size:1.1rem;color:#3a4857;max-width:600px;padding-top:10px;padding-bottom:10px;padding-left:0;text-align:left;line-height:1.5}.project-assets{margin:0 auto;display:flex;max-width:80%;justify-content:flex-end}.carousel{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:535px;height:auto}.slide{border-radius:8px;box-shadow:0 0 8px #ababab;width:100%;height:100%}.slide-hidden{display:none}.arrow{position:absolute;width:2rem;height:2rem;color:#fff;filter:drop-shadow(0px 0px 2px #c2c2c2)}.arrow:hover{cursor:pointer}.arrow-left{left:1rem}.arrow-right{right:1rem}.indicator-container{display:flex;justify-content:center;position:absolute;bottom:10px;align-items:center}.indicator{background-color:#fff;height:8px;width:8px;border-radius:50%;border:none;outline:none;box-shadow:0 0 4px #9d9d9d;margin:0 3px;cursor:pointer}button.indicator{padding:0;box-sizing:border-box}.indicator-inactive{background-color:gray}@media only screen and (min-width: 1161px){.project-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr .3fr;margin:0 auto;padding-top:10px}.project-details{display:flex;flex-direction:column;justify-content:flex-start}.project-description{width:85%}.github-links-container,.live-link-container{justify-content:flex-start}}@media only screen and (max-width: 1160px) and (min-width: 431px){.project-content{display:grid;grid-template-rows:1fr .3fr;margin:0 auto}.project-details{margin-top:15px;margin-bottom:40px;width:100%}.project-description{padding-left:0;padding-top:15px;margin:0 auto}.project-assets{justify-content:center;padding-right:0}}@media (max-width: 430px){.single-project-container{padding:0 .5rem}.carousel{margin:0 auto}.project-assets{padding-right:0}.project-details{margin-bottom:80px}.project-description{text-align:left;width:90%;padding-left:20px;padding-right:20px;margin-right:0}.title-section{gap:20px}.back-button{margin-left:10px}h2.page-title{margin-right:20px}}.about-me-container{width:100%;max-width:1400px;margin:40px auto 0;display:flex;flex-direction:column;align-items:flex-end;padding:0 1rem;box-sizing:border-box}.page-title{font-family:Rubik,sans-serif;font-weight:600;font-size:450%;color:#c6422b;line-height:80%;margin-bottom:8px;text-align:right;margin-right:50px}.button-container{margin-right:50px;margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.first-load-button{background-color:#a1c4ea;border:2px solid transparent;color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:smaller;letter-spacing:.02rem}.about-me-button{background-color:transparent;border:2px solid #a1c4ea;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:smaller;color:#3a4857;letter-spacing:.02rem}.about-me-button:hover{background-color:#a1c4ea;border:2px solid transparent;color:#fff}.about-me-button:focus{background-color:#a1c4ea;border:2px solid #a1c4ea;color:#fff;outline:none}.profile-picture{width:35%;border-radius:8px;display:flex;margin:0 auto}.about-me-assets{display:grid;grid-template-columns:.7fr .9fr;grid-template-rows:1fr .7fr}.image-collage{display:flex;grid-column:1/2}.profile-picture{position:absolute;margin-left:30px;z-index:1000}.about-me-overlay{position:relative;z-index:1001}.static-flower{width:65%;margin-left:130px;margin-top:160px}.description-container{margin-right:0}.page-description{font-family:Rubik,sans-serif;font-weight:100;font-size:1.1rem;color:#3a4857;max-width:600px;padding-top:10px;padding-bottom:10px;padding-left:0;text-align:left;line-height:1.5}@media only screen and (min-width: 1726px){.about-me-assets{margin:0 auto}.profile-picture{width:20%}.static-flower{margin-left:200px;margin-top:280px}.page-description{margin-left:20px}}@media only screen and (max-width: 1725px) and (min-width: 1601px){.about-me-assets{margin:0 auto}.profile-picture{width:20%}.static-flower{margin-left:180px;margin-top:250px}}@media only screen and (max-width: 1600px) and (min-width: 1181px){.about-me-assets{width:70%;max-width:1400px;margin:0 auto}.image-collage{display:flex;justify-content:flex-start}.profile-picture{justify-content:flex-start;align-items:start;margin-left:0;width:45%;max-width:300px}.static-flower{margin-top:280px;margin-left:180px;width:80%;max-width:210px}.button-container{justify-content:center;gap:20px}}@media only screen and (max-width: 1180px) and (min-width: 591px){.button-container{justify-content:center;gap:20px}.page-description{padding-left:20px}.about-me-assets{width:80%;max-width:800px;margin:0 auto}.profile-picture{width:30%;max-width:250px}.about-me-overlay{position:absolute}.static-flower{margin-top:100%;margin-left:80%;width:80%;max-width:210px;position:sticky}}@media only screen and (max-width: 900px) and (min-width: 591px){.page-description{padding-left:15%}}@media only screen and (max-width: 691px) and (min-width: 591px){.page-description{padding-left:15%}.profile-picture{width:30%;max-width:250px}.about-me-overlay{position:absolute}.static-flower{margin-top:160px;margin-left:120px;width:60%;max-width:160px;position:sticky}}@media only screen and (max-width: 810px) and (min-width: 741px){.page-description{padding-left:15%}.profile-picture{width:30%;max-width:250px}.about-me-overlay{position:absolute}.static-flower{margin-top:180px;margin-left:145px;width:60%;max-width:160px;position:sticky}}@media only screen and (max-width: 740px) and (min-width: 690px){.page-description{padding-left:15%}.profile-picture{width:30%;max-width:250px}.about-me-overlay{position:absolute}.static-flower{margin-top:180px;margin-left:140px;width:60%;max-width:160px;position:sticky}}@media only screen and (max-width: 590px) and (min-width: 431px){.description-container{margin-right:50px}.page-description{padding-left:15%}.static-flower{margin-top:160px;margin-left:130px;width:60%;max-width:160px;position:sticky}}@media (max-width: 430px){.button-container{width:90%;display:flex;justify-content:center;margin:20px auto 0}.about-me-assets{display:flex;flex-direction:column;gap:80px;margin-top:20px}.image-collage{display:flex;justify-content:center}.profile-picture{position:absolute;width:50%;margin-left:0;left:60px}.about-me-overlay{position:relative;left:80px;bottom:5px;width:204px}.static-flower{margin:0;bottom:50px;width:100%}.description-container{display:flex;justify-content:center;margin:0 auto;width:80%}.page-description{text-align:left}}.contact-page-container{width:100%;max-width:1400px;margin:40px auto 0;display:flex;flex-direction:column;padding:0 1rem;box-sizing:border-box}.page-header{width:100%;text-align:right;margin-bottom:2rem;padding-top:1rem}.page-title{font-family:Rubik,sans-serif;font-weight:600;font-size:450%;color:#c6422b;line-height:80%;margin-bottom:8px;text-align:right;margin-top:30px}.instructions-container{display:flex;justify-content:center;gap:10px;margin-top:20px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:smaller;color:#3a4857;letter-spacing:.02rem}.email-button{background-color:transparent;border:2px solid #a1c4ea}.email-button:hover{background-color:#a1c4ea;border:2px solid transparent}.form-container{margin:0 auto;display:inline-block;background:#c6422b14;border:2px solid #C6422B;border-radius:8px;padding:1.2em;width:75%;max-width:520px}.new-message-form{display:grid;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1em;color:#202830;grid-template-columns:.2fr 1fr;grid-template-rows:repeat(3,auto) auto;align-items:center;gap:10px 0}.form-labels{grid-column:1/2;font-weight:500}.message-form-input{grid-column:2/3}.message-form-input::placeholder{text-indent:10px;text-align:start}#email{background:#fff;border:2px solid #a1c4ea;border-radius:3px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;height:16px;padding-top:4px;padding-bottom:4px;text-indent:10px}#body{background:#fff;border:2px solid #a1c4ea;border-radius:3px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;height:50px;resize:vertical;max-height:200px;padding-top:8px;box-sizing:border-box;text-indent:10px}#name{background:#fff;border:2px solid #a1c4ea;border-radius:3px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;height:16px;padding-top:4px;padding-bottom:4px;text-indent:10px}.submit-button{grid-column:2/3;background-color:#c6422b;border:2px solid transparent;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:smaller;letter-spacing:.02rem;color:#fff;width:35%;justify-self:end;margin-top:10px}.social-container{display:flex;justify-content:center;margin-top:20px;gap:20px}.social-link{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:6px 3px;width:80px;background-color:#a1c4ea52;border-radius:8px}.social-icon{width:25px;margin-top:5px}.social-text{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:smaller;letter-spacing:.02rem;color:#3a4857;margin-top:5px;margin-bottom:5px;text-align:center}.email-text{font-size:12px;font-weight:700;text-align:center;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:#c6422b;letter-spacing:.02rem;margin-bottom:0;margin-top:15px}.error-handler{display:flex;justify-content:center;flex-direction:column}.message-error{display:flex;justify-content:center;align-items:center;height:20vh;margin-top:80px;font-size:1.25rem;color:#666;text-align:center}.back-to-contact-button{color:#606060;background:none;text-align:center;margin:0;padding:0 0 8px;border:none;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:12px;font-style:italic;height:24px;text-decoration:underline}.back-to-contact-button:active{text-decoration:none}@media only screen and (max-width: 1600px) and (min-width: 1101px){.page-title{margin-right:18%}}@media only screen and (max-width: 1100px) and (min-width: 821px){.page-title{margin-right:15%}}@media only screen and (max-width: 820px) and (min-width: 431px){.page-title{margin-right:10%}}@media (max-width: 430px){.page-header{margin-bottom:1rem}.instructions-container{width:80%;margin:20px auto}.form-labels{margin-right:20px}.submit-button{width:50%}.social-container{margin-top:1rem}}.footer-container{position:fixed;bottom:15px;right:15px;display:flex;justify-content:flex-end;align-items:center;padding:5px;width:90px}.footer-logo{display:flex;justify-content:flex-end}.animated-footer-logo{width:88%;animation:spin 5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}