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;font-size:1.1rem!important;margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d1116}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff69b4,#ffb6c1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hotpink}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important;font-size:1rem!important}.main-container{background-color:#0d1116;position:relative}.main-container section,.main-container>div:not(:first-child){border-top:none}#contact h1,#work h1,.about-container h1,.projects-container>h1,.resume-container h1,.skills-container>h1{display:inline-block;padding-bottom:.4em;position:relative}#contact h1:after,#work h1:after,.about-container h1:after,.projects-container>h1:after,.resume-container h1:after,.skills-container>h1:after{background:linear-gradient(90deg,#ff69b4,#ffb6c1);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:48px}a{text-decoration:none}a:hover{color:pink;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}a,button,h1,h2,h3,h4,h5,label,p{color:#fff;font-family:Lato,sans-serif}.navigation-bar{background-color:#0d1116;justify-content:space-between}.navigation-bar button{font-family:Lato,sans-serif;font-size:1.1rem;padding:6px 10px;text-transform:none}.navigation-bar button:hover{color:pink!important}.navigation-bar svg{cursor:pointer}.navigation-bar-responsive p,.navigation-bar-responsive span{color:#0d1116;font-family:Lato,sans-serif}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:64px;width:100%}.header-image,.header-image img{height:450px;width:100%}.header-image img{object-fit:cover}.mobile-menu-top{align-items:center;font-weight:700;gap:5px}.items-container,.mobile-menu-top{display:flex;justify-content:center}.items-container{flex-direction:column;text-align:left}.light-mode,.light-mode .navigation-bar{background-color:#f8f9fa}.light-mode a,.light-mode button,.light-mode h1,.light-mode h2,.light-mode h3,.light-mode h4,.light-mode h5,.light-mode label,.light-mode p{color:#0d1116}.light-mode a:hover{color:pink;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.light-mode .navigation-bar svg{color:#0d1116}.light-mode .about-section{background-image:url(/PortfolioWebsite/static/media/bg-light.bac0efb485244a522981.png)}.light-mode .skills-container svg{color:#0d1116}.light-mode .chip{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.light-mode .chip,.light-mode .vertical-timeline:before{background-color:#00000014}.light-mode .vertical-timeline--animate .vertical-timeline-element-content.bounce-in{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.light-mode .vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{color:gray}.light-mode .vertical-timeline-element-content-arrow{border-right:7px solid #00000014!important}.light-mode .flex-chips .chip-title{color:#0d1116}@media screen and (max-width:768px){.items-container{padding:5%}}footer{padding-bottom:50px;padding-top:50px;position:relative;text-align:center}footer:before{background:linear-gradient(90deg,#0000,#ffb6c180,#0000);content:"";height:1px;left:10%;position:absolute;top:0;width:80%}footer svg{height:1.1em!important;margin-right:10px;width:1.1em!important}footer p{font-size:.8em;opacity:.7}footer a{color:#fff;transition:color .3s ease}footer a:hover{color:#fcc0f9}@keyframes orbFloat1{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.08)}66%{transform:translate(-20px,20px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes orbFloat2{0%{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.1)}to{transform:translate(0) scale(1)}}@keyframes orbFloat3{0%{transform:translate(0) scale(1)}40%{transform:translate(20px,40px) scale(.9)}80%{transform:translate(-30px,-20px) scale(1.05)}to{transform:translate(0) scale(1)}}.orb{border-radius:50%;filter:blur(60px);opacity:.18;pointer-events:none;position:absolute;z-index:0}.orb-1{animation:orbFloat1 10s ease-in-out infinite;background:radial-gradient(circle,#ff69b4,#0000 70%);height:320px;right:15%;top:10%;width:320px}.orb-2{animation:orbFloat2 13s ease-in-out infinite;background:radial-gradient(circle,#ffb6c1,#0000 70%);bottom:15%;height:220px;left:10%;width:220px}.orb-3{animation:orbFloat3 8s ease-in-out infinite;background:radial-gradient(circle,#fff0f5,#0000 70%);height:160px;left:40%;top:50%;width:160px}.dark-mode .about-section{background-color:#0003}@keyframes ringPulse{0%{box-shadow:0 0 0 4px #ffb6c173,0 0 24px 6px #ff69b42e}50%{box-shadow:0 0 0 6px #ffb6c1a6,0 0 40px 12px #ff69b452}to{box-shadow:0 0 0 4px #ffb6c173,0 0 24px 6px #ff69b42e}}.about-section{align-items:center;background-attachment:fixed;background-image:url(/PortfolioWebsite/static/media/darkwaverec.3b04a9248973f2ff4c5f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;gap:48px;justify-content:flex-start;min-height:700px;padding:0 15%;position:relative;width:100%}.about-section:after{background:linear-gradient(90deg,#0000,#ffb6c180,#0000);bottom:0;content:"";height:1px;left:10%;position:absolute;width:80%}.about-section .content{text-align:left;z-index:2}.about-section .content .social_icons{color:#fff;display:flex;flex-direction:row;gap:10px}.about-section .content .social_icons svg{font-size:1.8em}.about-section .content a svg{transition:color .3s ease}.about-section .content a:hover svg{color:#ebe}.about-section .content .mobile_social_icons{display:none}.about-section .content p{opacity:.85}.about-section .content .typewriter-line,.about-section .content p{font-size:1.5em;letter-spacing:.03em;margin-block-end:0;margin-block-start:0}.about-section .content .typewriter-line{opacity:.9}.about-section .content .typed-text{color:#ffb6c1;font-weight:600}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.about-section .content .cursor-blink{animation:blink .9s step-start infinite;color:hotpink;display:inline-block;font-weight:300;margin-left:1px}.about-section .content h1{color:#fff;font-size:5em;letter-spacing:-.01em;margin-block-end:.1em;margin-block-start:0}.about-section .content .name-accent{background:linear-gradient(90deg,#ff69b4,#ffb6c1);border-radius:2px;display:block;height:3px;margin-bottom:1rem;margin-top:.4rem;width:60px}.about-section .image-wrapper{z-index:2}.about-section .image-wrapper img{animation:ringPulse 3s ease-in-out infinite;border:3px solid #ffb6c199;border-radius:50%;height:180px;object-fit:cover;width:180px}.light-mode .about-section .content h1{color:#0d1116}.about p{padding-bottom:30%;padding-top:30%;text-align:center}@media screen and (max-width:567px){.nav-left{float:left;padding-top:20px}.nav-left img{height:35px}.nav-right{float:right}.nav-right li{color:#fff;font-size:13px;list-style:none;padding:10px 15px;width:10%}.nav-right ul{list-style-type:none;margin:0;padding:0}body{width:100%}.about{font-size:12px;padding-left:5%;padding-right:5%}}@media screen and (max-width:768px){.about-section h1{font-size:4em!important;text-align:left}.about-section p{text-align:left}.container{display:inline;display:initial}.social_icons{display:none!important}.mobile_social_icons{color:#fff;display:flex!important;flex-direction:row;gap:10px;padding-top:10px}.mobile_social_icons svg{font-size:1.8em}.about-section{display:block;padding-left:0;padding-right:0;padding-top:150px}.about-section .content{padding-bottom:5%;padding-left:5%;padding-right:5%;width:90%}.about-section .image-wrapper{padding-left:5%;width:100%}}.skills-container{display:flex;flex-direction:column;padding:5% 10%;text-align:left}.skills-container svg{color:#fff}.skills-container .skills-grid{grid-gap:50px;display:grid;grid-template-columns:repeat(3,1fr)}.skills-container .skills-grid .skill{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffb6c11f;border-radius:12px;padding:1.4rem 1.6rem;text-align:left;transition:border-color .3s ease,background .3s ease,transform .3s ease}.skills-container .skills-grid .skill:hover{background:#ffffff12;border-color:#ff69b466;transform:translateY(-3px)}.chip{background-color:#fff!important;color:#272822!important;font-size:.8rem!important;height:25px!important}.chip span{color:#272822;font-family:Courier Prime,monospace}.chip svg{height:15px!important}.flex-chips{line-height:2;margin:.5}.flex-chips .chip-title{color:#fff;padding-right:10px}.flex-chips .MuiChip-root{margin-right:.5em}.flex-chips .MuiChip-outlined{background-color:#e0e0e0;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex-chips .MuiChip-outlined span{color:#272822}@media screen and (max-width:768px){.skills-container{display:block;padding-left:5%;padding-right:5%}.skills-container .skills-grid{display:inline;display:initial}.skills-container .skills-grid .skill{padding-bottom:5%}}@media screen and (max-width:567px){.skills{font-size:12px}}.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)}}.vertical-timeline span{color:#fff;font-family:Lato,sans-serif}.vertical-timeline p{color:#272822}.vertical-timeline-element{cursor:pointer}.vertical-timeline-element p{color:#272822}.vertical-timeline-element h3{color:#272822;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease}.vertical-timeline-element h3:hover{color:hotpink;cursor:pointer;text-decoration:underline}.vertical-timeline-element h4{color:#e05a8a;font-size:1.05em;font-weight:700;letter-spacing:.02em;margin-top:4px}.vertical-timeline-element span{color:#272822;font-family:Lato,sans-serif}.svg-inline--fa,.vertical-timeline-element .vertical-timeline-element-date{color:#fff}@media screen and (max-width:1170px){.vertical-timeline-element .vertical-timeline-element-date{color:#272822}}.projects-container{display:flex;flex-direction:column;padding:5% 10%;text-align:left}.projects-container h1{margin-bottom:2rem}.projects-container .project-category{margin-bottom:3.5rem}.projects-container .category-title{border-left:4px solid hotpink;color:#fff;font-family:Lato,sans-serif;font-size:1.8em;font-weight:700;letter-spacing:.02em;margin-bottom:1.5rem;padding-left:1rem}.projects-container .view-all-container{margin-bottom:2rem;margin-top:3rem;text-align:center}.projects-container .view-all-container .view-all-button{text-decoration:none}.projects-container .view-all-container .view-all-button button{background-color:pink;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 24px;transition:background-color .3s ease}.projects-container .view-all-container .view-all-button button:hover{background-color:#ffadb9}.projects-container .projects-grid{grid-gap:50px;display:grid;grid-template-columns:repeat(2,1fr)}.projects-container .project{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffb6c126;border-radius:12px;padding:1.4rem 1.6rem;text-align:left;transition:border-color .3s ease,background .3s ease,transform .3s ease}.projects-container .project:hover{background:#ffffff12;border-color:#ff69b473;transform:translateY(-3px)}.projects-container .project h2{margin:.3rem 0;text-transform:capitalize;transition:color .3s ease}.projects-container .project p{opacity:.9}.projects-container .project .no-transform{text-transform:none}.project h2:hover{text-decoration:underline;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.project-button{background-color:pink;border:2px solid pink;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin-bottom:1rem;padding:.85rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.project-button:hover{background-color:#ffadb9;border-color:#ffadb9;transform:translateY(-2px)}.project-button:active{transform:translateY(0)}.dark-mode .project-button{background-color:pink;color:#fff}.dark-mode .project-button:hover{background-color:#ffadb9}.light-mode .project-button{background-color:pink;color:#fff}.light-mode .project-button:hover{background-color:#ffadb9}.light-mode .projects-container .project h2,.light-mode .projects-container .project p,.light-mode .projects-container h1,.light-mode .projects-container h2,.light-mode .projects-container p{color:#0d1116}.dark-mode .projects-container h1,.dark-mode .projects-container h2,.dark-mode .projects-container p{color:#fff!important}@media screen and (max-width:700px){.projects-container{display:block;padding-left:5%;padding-right:5%}.projects-container .projects-grid{display:block}.projects-container .projects-grid .project{padding-bottom:5%}}#contact{position:relative}#contact:before{background:linear-gradient(90deg,#0000,#ffb6c166,#0000);content:"";height:1px;left:10%;position:absolute;top:0;width:80%}.items-container{padding:5% 10%}.contact_wrapper svg{font-size:1em;margin-right:5px;vertical-align:middle}.contact-form{padding-top:20px}.contact-fields{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:12px}.contact-input,.contact-textarea{background:#ffffffe6;border:1px solid #ffb6c173;border-radius:12px;color:#1f2937;font-family:Lato,sans-serif;font-size:1rem;outline:none;padding:.85rem .95rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.contact-input:focus,.contact-textarea:focus{border-color:hotpink;box-shadow:0 0 0 3px #ffb6c14d}.contact-textarea{min-height:160px;resize:vertical}.contact-submit{align-items:center;background:#fff0f5;border:2px solid #ffb6c1;border-radius:999px;color:#db7093;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;justify-content:center;margin-top:10px;padding:.8rem 1.2rem;transition:background .2s ease,color .2s ease,border-color .2s ease}.contact-submit:hover{background:#ffe4e1;border-color:hotpink;color:#c2185b}.form-error{color:#ff8ab5;font-size:.95rem;margin:10px 0 0}.contact-info{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:20px}.contact-info .info-item{align-items:center;display:flex;margin-bottom:15px}.contact-info .info-item svg{color:pink;margin-right:10px}.contact-info .info-item a,.contact-info .info-item p{transition:color .3s ease}.light-mode .contact-info{border-top:1px solid #0000001a}.light-mode .contact-info .info-item a,.light-mode .contact-info .info-item p{color:#0d1116}.light-mode .contact-info .info-item a:hover{color:pink}.light-mode .contact-input,.light-mode .contact-textarea{background:#fffffff2;border-color:#e05a8a59;color:#0d1116}.dark-mode .contact-input,.dark-mode .contact-textarea{background:#ffffffe6;color:#111827}.dark-mode .contact-info .info-item a,.dark-mode .contact-info .info-item p{color:#fff!important}.dark-mode .contact-info .info-item a:hover{color:pink!important}label{font-family:DomaineDispNar-Medium,sans-serif;font-size:1.2rem}.form-flex{display:flex;gap:15px;padding-bottom:15px}.form-flex .MuiFormControl-root{background-color:#fff;width:100%}.body-form,form{width:100%!important}.body-form{background-color:#fff;margin-bottom:15px!important}@media screen and (max-width:768px){.contact-fields{grid-template-columns:1fr}}.about-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:5% 10%}.about-container h1{font-size:2.5em;margin-bottom:1.5em}.about-content{max-width:1200px;width:100%}.about-text{margin-bottom:3em}.about-text p{font-size:1.1em;line-height:1.6;margin-bottom:1.5em;opacity:.9}.key-points{grid-gap:2em;display:grid;gap:2em;grid-template-columns:repeat(3,1fr);margin-top:2em}.key-points .point{background:#ffffff0d;border-radius:10px;padding:1.5em;transition:transform .3s ease}.key-points .point:hover{transform:translateY(-5px)}.key-points .point h3{color:#fff;font-size:1.3em;margin-bottom:1em}.key-points .point p{color:#fff;margin-bottom:.5em;opacity:.8}.personal-button-container{margin-top:3em;text-align:center}.personal-button{align-items:center;background:#fff0f5;border:2px solid #ffb6c1;border-radius:999px;box-shadow:none;color:#db7093;cursor:pointer;display:inline-flex;font-size:1em;font-weight:700;justify-content:center;padding:.85rem 1.25rem;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.personal-button:hover{background:#ffe4e1;border-color:hotpink;box-shadow:none;color:#c2185b;transform:none}.light-mode .about-container{background-color:#f8f9fa}.light-mode .key-points .point{background:#0000000d}.light-mode .key-points .point h3,.light-mode .key-points .point p{color:#000}@media screen and (max-width:768px){.about-container{padding:5%}.key-points{gap:1em;grid-template-columns:1fr}.about-text p{font-size:1em}}.resume-container{color:#272822;margin:0 auto;max-width:900px;padding:5rem 1.5rem 4rem}.main-container.dark-mode .resume-container{color:#ffffffe6}.resume-container h1{margin-bottom:1rem}.resume-container p{line-height:1.6;margin-bottom:1.5rem}.resume-actions{display:flex;flex-direction:column;gap:1rem}.resume-button{align-items:center;background:#fff0f5;border:2px solid #ffb6c1;border-radius:999px;color:#db7093;display:inline-flex;font-weight:700;justify-content:center;max-width:250px;padding:.85rem 1.25rem;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.main-container.dark-mode .resume-button{background:#fff0f5;border-color:#ffb6c1;color:#db7093}.resume-button:hover{background:#ffe4e1;border-color:hotpink;color:#c71585}.resume-button:active{transform:scale(.98)}.resume-note{font-size:.9rem;max-width:540px;opacity:.8}.experience-detail{color:#272822;margin:0 auto;max-width:900px;padding:5rem 1.5rem 4rem}.main-container.dark-mode .experience-detail{color:#ffffffe6}.experience-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.25rem}.experience-logo{margin-top:1.5rem;max-width:250px}.experience-logo img{border-radius:.5rem;height:auto;object-fit:contain;width:100%}.experience-logos{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.5rem}.experience-logos .experience-logo{margin:0;max-width:200px}.experience-date{color:#272822b3}.main-container.dark-mode .experience-date{color:#fffc}.experience-summary{font-size:1.05rem;line-height:1.5;margin-bottom:1.25rem}.experience-details{color:#ffffffe6;font-size:1rem;line-height:1.6}.main-container.light-mode .experience-details{color:#272822}.experience-details ul{margin-top:1rem;padding-left:1.3rem}.experience-details li{margin-bottom:.6rem}.experience-presentation{display:flex;flex-direction:column;gap:.9rem;margin-top:2rem}.experience-presentation h3{margin:0}.experience-presentation-frame{background:#ffffff0a;border:1px solid #ff69b459;border-radius:.6rem;min-height:640px;width:100%}@media screen and (max-width:768px){.experience-presentation-frame{min-height:460px}}.experience-end-photos{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2rem}.experience-end-photo img{border:1px solid #ff69b459;border-radius:.6rem;height:210px;object-fit:cover;width:100%}.experience-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.experience-link-button{align-items:center;background:hotpink;border:1px solid hotpink;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;padding:.75rem 1.2rem;text-decoration:none;transition:background .2s ease,transform .1s ease}.experience-link-button:hover{background:#ff1493;transform:translateY(-1px)}.project-detail{color:#272822;margin:0 auto;max-width:900px;padding:5rem 1.5rem 4rem}.main-container.dark-mode .project-detail{color:#ffffffe6}.project-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#2728221a;border-radius:1rem;color:#272822;font-size:.85rem;font-weight:500;padding:.25rem .6rem}.main-container.dark-mode .tech-tag{background:#ffffff1a;color:#ffffffe6}.project-summary{font-size:1.05rem;line-height:1.5;margin-bottom:1.25rem}.project-details{color:#ffffffe6;font-size:1rem;line-height:1.6;margin-bottom:2rem}.main-container.light-mode .project-details{color:#272822}.project-details ul{margin-top:1rem;padding-left:1.3rem}.project-details li{margin-bottom:.6rem}.project-links{display:flex;justify-content:center;margin-top:2rem}.external-link{align-items:center;background:#ff1493;border-radius:.5rem;color:#fff;display:inline-flex;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background .2s ease}.external-link:hover{background:#f06}.back-button{font-weight:700;margin-bottom:1.5rem}.personal-container{color:#272822;margin:0 auto;max-width:1000px;padding:5rem 1.5rem 4rem}.main-container.dark-mode .personal-container{color:#ffffffe6}.personal-content h1{color:hotpink;font-size:2.5rem;margin-bottom:3rem;text-align:center}.hobby-item{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.hobby-item:nth-child(odd){direction:rtl}.hobby-item:nth-child(odd) .hobby-text{direction:ltr}.hobby-text h2{color:#ffb6c1;font-size:1.8rem;margin-bottom:1rem}.main-container.dark-mode .hobby-text h2{color:#ffb6c1}.hobby-text p{color:#272822;font-size:1.1rem;line-height:1.6}.main-container.dark-mode .hobby-text p{color:#fffffff2}.main-container.light-mode .hobby-text p{color:#272822}.photo-placeholder{align-items:center;background:#2728221a;border:none;border-radius:1rem;box-shadow:0 4px 12px #0000001a;color:#27282299;cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:300px;justify-content:center;overflow:hidden;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.main-container.dark-mode .photo-placeholder{box-shadow:0 4px 12px #0000004d}.photo-placeholder img{border-radius:.5rem;display:block;height:100%;object-fit:cover;width:100%}.main-container.dark-mode .photo-placeholder{background:#ffffff1a;border-color:#ffffff4d;color:#fff9}.photo-placeholder:hover{background:#27282226;border-color:#27282280}.main-container.dark-mode .photo-placeholder:hover{background:#ffffff26;border-color:#ffffff80}.travel-section{margin-bottom:3rem;margin-top:5rem}.travel-section h2{color:#ffb6c1;font-size:1.8rem;margin-bottom:1rem}.main-container.dark-mode .travel-section h2{color:#ffb6c1}.travel-section>p{color:#272822;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.main-container.dark-mode .travel-section>p{color:#fffffff2}.main-container.light-mode .travel-section>p{color:#272822}.travel-photos-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.travel-photo-placeholder{align-items:center;background:#2728221a;border:none;border-radius:1rem;box-shadow:0 4px 12px #0000001a;color:#27282299;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;height:250px;justify-content:center;overflow:hidden;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.main-container.dark-mode .travel-photo-placeholder{box-shadow:0 4px 12px #0000004d}.travel-photo-placeholder img{border-radius:.75rem;display:block;height:100%;object-fit:cover;width:100%}.main-container.dark-mode .travel-photo-placeholder{background:#ffffff1a;border-color:#ffffff4d;color:#fff9}.travel-photo-placeholder:hover{background:#27282226;border-color:#27282280}.main-container.dark-mode .travel-photo-placeholder:hover{background:#ffffff26;border-color:#ffffff80}.back-button{align-items:center;background:#0000;border:1px solid #27282299;border-radius:.5rem;color:#272822;cursor:pointer;display:inline-flex;gap:.5rem;margin-bottom:2rem;padding:.5rem .9rem;transition:background .2s ease,color .2s ease}.back-button:hover{background:#2728220d}.main-container.dark-mode .back-button{border-color:#fff9;color:#ffffffe6}.main-container.dark-mode .back-button:hover{background:#ffffff1a}@media(max-width:768px){.hobby-item{gap:2rem;grid-template-columns:1fr}.hobby-item:nth-child(odd){direction:ltr}.personal-content h1{font-size:2rem}.hobby-text h2{font-size:1.5rem}.photo-placeholder{height:250px}.travel-photos-grid{grid-template-columns:1fr}.travel-photo-placeholder{height:200px}}.favorite-color-note{margin-top:2rem;padding:1rem;text-align:center}.favorite-color-note p{color:#db7093;font-size:1rem;font-style:italic;font-weight:500;margin:0}.main-container.dark-mode .favorite-color-note p{color:#ffb6c1}*{cursor:none!important}.cursor-dot{background:#fff;border-radius:50%;box-shadow:0 0 6px 3px #ffffffe6,0 0 16px 6px #ffb6c199,0 0 30px 10px #ff69b44d;height:10px;transition:width .15s ease,height .15s ease,box-shadow .15s ease;width:10px;z-index:99999}.cursor-dot,.cursor-ring{pointer-events:none;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{border:1.5px solid #ffffff80;border-radius:50%;box-shadow:0 0 8px 2px #ffb6c140,inset 0 0 8px 2px #ffb6c11a;height:36px;transition:width .2s ease,height .2s ease,border-color .2s ease;width:36px;z-index:99998}.cursor-dot.cursor-hover{box-shadow:0 0 10px 5px #fff,0 0 24px 10px #ffb6c1cc,0 0 40px 16px #ff69b480;height:14px;width:14px}.cursor-ring.cursor-hover{border-color:#ffb6c1cc;height:52px;width:52px}
/*# sourceMappingURL=main.1b560915.css.map*/