:root{--light-background: #FAF3E0;--dark-background: #1a1a3e;--light-text: #333333;--dark-text: #f9e8d0;--light-box-shadow: 0 0 10px rgba(0, 0, 0, .1);--dark-box-shadow: 0 0 10px rgba(0, 0, 0, .5);--color-header: #2A6F4A;--color-hr: #D67FA3}:root{--color-background: var(--light-background);--color-text: var(--light-text);--color-box-shadow: var(--light-box-shadow)}@media (prefers-color-scheme: dark){:root{--color-background: var(--dark-background);--color-text: var(--dark-text);--color-box-shadow: var(--dark-box-shadow)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-outlined-ClThZVZR.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-rounded-CETx5mfg.woff2) format("woff2")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Symbols Sharp;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-sharp-Dr8vu7zK.woff2) format("woff2")}.material-symbols-sharp{font-family:Material Symbols Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}html,body{scroll-behavior:smooth}[data-v-c93a210f]{margin:0;padding:0;box-sizing:border-box}body[data-v-c93a210f]{background-color:var(--color-background)}nav[data-v-c93a210f]{position:relative;z-index:98;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-background);opacity:50%;padding:1rem 1.5rem;box-shadow:0 2px 4px var(--color-box-shadow)}.name-box[data-v-c93a210f]{color:var(--color-text);font-size:1.2rem;text-decoration:none;letter-spacing:5px;padding:.5rem calc(1rem - 5px) .5rem 1rem;border:3px solid var(--color-text);transition:.3s;font-weight:700;-webkit-user-select:none;user-select:none}.name-box[data-v-c93a210f]:hover{color:#189ab4}.menu[data-v-c93a210f]{display:none;align-items:center;margin:0 -1rem}.menu a[data-v-c93a210f]{margin:0 1rem;color:var(--color-text);text-decoration:none;transition:.3s;font-size:1.25rem;font-weight:700}.menu a[data-v-c93a210f]:hover{color:#189ab4}.btn[data-v-c93a210f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background:none;cursor:pointer;display:block;width:2rem;height:2rem}.btn span[data-v-c93a210f]{color:var(--color-text);font-size:2rem}.btn[data-v-c93a210f] :hover{color:#189ab4}.mobile-menu[data-v-c93a210f]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;padding-top:6rem;opacity:0;transform:translateY(-100%);background-color:var(--color-background);box-shadow:var(--color-box-shadow);color:var(--color-text);transition:.3s;align-items:center;display:flex;flex-direction:column}.mobile-menu.is-open[data-v-c93a210f]{opacity:1;transform:translateY(0)}.mobile-menu a[data-v-c93a210f]{display:block;padding:1rem;color:var(--color-text);text-align:center;text-decoration:none;font-size:1.25rem;transition:.3s;width:100%}.mobile-menu button[data-v-c93a210f]{color:var(--color-text);margin-top:auto;margin-bottom:2rem}.mobile-menu a[data-v-c93a210f]:hover{color:#189ab4;background-color:var(--color-text)}@media (max-width: 768px){.mobile-menu .btn[data-v-c93a210f]{display:flex}.menu[data-v-c93a210f]{display:none}}@media (min-width: 769px){.mobile-menu[data-v-c93a210f],.btn[data-v-c93a210f]{display:none}.menu[data-v-c93a210f]{display:flex}}div[data-v-b420b2bf]{display:flex}p[data-v-b420b2bf]{font-size:2em;-webkit-user-select:none;user-select:none;animation:gradient-b420b2bf 8s ease infinite}@media (max-width: 768px){p[data-v-b420b2bf]{font-size:1.3em}}p[data-v-b420b2bf]:last-of-type{animation:blink-b420b2bf 1s infinite}@keyframes blink-b420b2bf{0%,to{opacity:1}50%{opacity:0}}@keyframes gradient-b420b2bf{0%{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.15)}25%{color:#e1f5fe;text-shadow:1px 1px 3px rgba(0,0,0,.15)}50%{color:#b3e5fc;text-shadow:1px 1px 3px rgba(0,0,0,.15)}75%{color:#81d4fa;text-shadow:1px 1px 3px rgba(0,0,0,.15)}to{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.15)}}.project-container[data-v-6590ac77]{width:100vw;background:var(--color-background);padding-top:5rem;color:var(--color-text);overflow-x:hidden}@media (max-width: 675px){.project-container[data-v-6590ac77]{padding-top:1rem}}.divider[data-v-6590ac77]{display:grid;margin-left:1rem;margin-right:1rem;gap:5rem}.project[data-v-6590ac77]{display:flex;flex-direction:row;opacity:0;transition:transform .6s ease-out,opacity .6s ease-out;padding-top:2rem;overflow:hidden}.project[data-v-6590ac77]:nth-child(odd){transform:translate(-50px)}.project[data-v-6590ac77]:nth-child(2n){transform:translate(50px);justify-content:flex-end}.project.in-view[data-v-6590ac77]{opacity:1;transform:translate(0)}.project-image[data-v-6590ac77]{height:25rem;width:45rem;background:#87ceeb;display:flex;align-items:center;transition:.3s}@media (max-width: 675px){.project-image[data-v-6590ac77]{height:13rem;width:20rem}}@media (min-width: 676px) and (max-width: 749px){.project-image[data-v-6590ac77]{height:15rem;width:35rem}}@media (min-width: 750px) and (max-width: 850px){.project-image[data-v-6590ac77]{height:20rem;width:40rem}}@media (min-width: 1400px){.project-image[data-v-6590ac77]{height:35rem;width:60rem}}.project-image[data-v-6590ac77]:nth-child(2n){justify-content:flex-end}.project-image[data-v-6590ac77]:hover{transform:translateY(-2rem);transition:all .3s ease-in-out;box-shadow:10px 1rem 1rem #87cefa}.project-description[data-v-6590ac77]{z-index:97;height:100%;width:30%;margin-top:2.5rem}@media (max-width: 675px){.project-description[data-v-6590ac77]{background-color:#8080804d;height:85%;margin-top:1rem}}@media (min-width: 676px) and (max-width: 850px){.project-description[data-v-6590ac77]{background-color:#8080804d;height:85%;margin-top:1.3rem}}.project-description[data-v-6590ac77]:nth-child(2n){transform:translate(-.5rem)}@media (max-width: 675px){.project-description[data-v-6590ac77]:nth-child(2n){transform:translate(-1.5rem)}}@media (min-width: 1000px){.project-description[data-v-6590ac77]:nth-child(2n){transform:translate(-1rem)}}.project-description[data-v-6590ac77]:nth-child(odd){transform:translate(3rem)}@media (max-width: 675px){.project-description[data-v-6590ac77]:nth-child(odd){transform:translate(1.5rem)}}@media (min-width: 1000px){.project-description[data-v-6590ac77]:nth-child(odd){transform:translate(3rem)}}.project-description h3[data-v-6590ac77]{font-size:2rem;font-weight:700}@media (max-width: 675px){.project-description h3[data-v-6590ac77]{font-size:.8rem}}@media (min-width: 676px) and (max-width: 768px){.project-description h3[data-v-6590ac77]{font-size:1.5rem}}@media (min-width: 1000px){.project-description h3[data-v-6590ac77]{font-size:2.5rem}}.project-description p[data-v-6590ac77]{margin-top:1.5rem;font-size:1rem}@media (max-width: 675px){.project-description p[data-v-6590ac77]{font-size:.6rem}}@media (min-width: 676px) and (max-width: 768px){.project-description p[data-v-6590ac77]{font-size:.8rem}}@media (min-width: 1000px){.project-description p[data-v-6590ac77]{font-size:1.2rem}}.image-container[data-v-6590ac77]{display:flex;opacity:75%;width:90%;height:75%;margin:1px}.image-container img[data-v-6590ac77]{width:100%;height:100%;image-rendering:smooth;object-fit:fill}.footer-container[data-v-5429e727]{position:relative;display:flex;flex-direction:column;width:100vw;height:45vh;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient-5429e727 15s ease infinite;padding-top:5rem}.footer-container[data-v-5429e727]:after{content:"";position:absolute;top:0;left:0;width:100%;height:51%;bottom:-1%;background:var(--color-background);clip-path:polygon(0 50%,100% 0,0 0)}@keyframes gradient-5429e727{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes ease-in-out-5429e727{0%{transform:translateY(-2rem)}to{transform:translateY(-2.5rem)}}.connect-container[data-v-5429e727]{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;gap:1rem}.connect-container a img[data-v-5429e727]{width:2rem;height:2rem;margin:0 1rem}.resume[data-v-5429e727]{display:flex;justify-content:center;align-items:center;gap:5px;padding:.5rem 1rem;border:2px solid #f9e8d0;border-radius:5px;color:#f9e8d0;font-size:1rem;text-decoration:none}.resume[data-v-5429e727]:hover{background-color:#f9e8d033;color:#fffaf6}.about-me-container[data-v-e80ed2f3]{height:120vh;display:flex;flex-direction:column;background:var(--color-background);justify-content:center;align-items:center}@media (min-width: 560px) and (max-width: 1200px){.about-me-container[data-v-e80ed2f3]{height:90vh}}@media (max-width: 560px){.about-me-container[data-v-e80ed2f3]{height:60vh}}.card-frame[data-v-e80ed2f3]{position:relative;height:40rem;width:60rem;transform:rotate(5deg);background-color:#0d1b2a;overflow:visible;opacity:0}@media (max-width: 560px){.card-frame[data-v-e80ed2f3]{height:30vh;width:85vw}}@media (min-width: 560px) and (max-width: 1200px){.card-frame[data-v-e80ed2f3]{height:50vh;width:70vw}}.card-frame.in-view[data-v-e80ed2f3]{animation:slide-in-e80ed2f3 .5s ease-in-out forwards;opacity:1;box-shadow:0 6px 20px #0000004d}.description[data-v-e80ed2f3]{height:40rem;width:60rem;padding:2rem 3rem;opacity:0;color:#fff;font-size:clamp(.6rem,2vw,1.5rem);display:flex;align-items:center;background:linear-gradient(135deg,#07d 40%,#005bb5);border:5px solid #0D1B2A;font-family:Roboto Condensed,sans-serif;transition:transform .2s ease,box-shadow .2s ease;letter-spacing:.05em;text-shadow:1px 1px 3px rgba(0,0,0,.3);position:relative;overflow:hidden}@media (max-width: 560px){.description[data-v-e80ed2f3]{height:30vh;width:85vw}}@media (min-width: 560px) and (max-width: 1200px){.description[data-v-e80ed2f3]{height:50vh;width:70vw}}.description[data-v-e80ed2f3]:before{content:"";position:absolute;top:-10%;right:-25%;width:150%;height:30%;background:#ffffff26;transform:rotate(25deg);pointer-events:none}.description[data-v-e80ed2f3]:after{content:"ABOUT ME";position:absolute;bottom:0;left:0;width:100%;padding:.5rem 1rem;background:#0d1b2ad9;font-size:1.25rem;text-align:center}.description[data-v-e80ed2f3]:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;z-index:-1}.description[data-v-e80ed2f3]:hover{transform:rotate(20deg) scale(1.05);box-shadow:0 15px 40px #00000080}.description.in-view[data-v-e80ed2f3]{animation:slide-in-e80ed2f3 .5s ease-in-out forwards;opacity:1;box-shadow:0 6px 20px #0000004d}@keyframes slide-in-e80ed2f3{0%{transform:rotate(5deg) translate(-100%)}to{transform:rotate(5deg) translate(0)}}.main-container[data-v-e1f3157a]{position:relative;display:flex;flex-direction:column;width:100vw;height:115vh;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient-e1f3157a 15s ease infinite;padding-top:5rem}@media (max-width: 768px){.main-container[data-v-e1f3157a]{padding-top:2rem;height:90vh}}.main-container[data-v-e1f3157a]:after{content:"";position:absolute;bottom:-1%;left:0;width:100%;height:41%;background:var(--color-background);clip-path:polygon(0 100%,0 0,150% 100%)}@keyframes gradient-e1f3157a{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.navbar[data-v-e1f3157a]{position:sticky;top:0;z-index:99;height:0;transition:top .3s}.header[data-v-e1f3157a]{display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:2rem;padding:2rem 0;width:100%}@media (max-width: 768px){.header[data-v-e1f3157a]{padding:1rem 0;margin-bottom:1rem}}.header h2[data-v-e1f3157a]{background:linear-gradient(45deg,#23a6d5,#e73c7e);-webkit-background-clip:text;color:transparent;font-size:clamp(1.5rem,2.5vw,3rem)}.header hr[data-v-e1f3157a]{border:none;height:4px;width:80%;background:linear-gradient(90deg,#23a6d5,#e73c7e)}.typing-container[data-v-e1f3157a]{position:absolute;width:100%;display:flex;margin-top:10rem;justify-content:center;top:20%;transform:translateY(-50%)}.about-me-container[data-v-e1f3157a]{display:flex;align-items:center;flex-direction:column}.project-container[data-v-e1f3157a]{padding-bottom:2rem}