#loading{width:100vw;height:100vh;background-color:#202125;position:fixed;top:0;left:0;z-index:9999}#loading .loading-wrapper{display:flex;align-items:center;justify-content:center;height:100%}#loading .loading-wrapper .loading-text{position:fixed;display:block;margin:auto}@media only screen and (max-width:768px){#loading .loading-wrapper .loading-text{width:189.2307692308px}}@media only screen and (max-height:576px)and (orientation:landscape){#loading .loading-wrapper .loading-text{width:164px}}#navbar{background-color:#202125;color:#efebe9;height:75px;position:fixed;width:90%;top:0;left:0;display:flex;justify-content:center;align-items:center;font-family:"Catamaran",sans-serif;box-shadow:1px 1px 2px rgba(0,0,0,.5);border-bottom-right-radius:60px;border-top-right-radius:60px;margin-top:1%;transform:translateX(-1050px);z-index:2}#navbar .navbar-container{display:flex;justify-content:space-between;align-items:center;width:95%}#navbar .navbar-container .menu-icon{display:none}@media only screen and (max-width:768px){#navbar .navbar-container .menu-icon{display:block;position:relative;top:0;left:0;width:25px;height:30px;cursor:pointer}}#navbar .navbar-container .menu-icon .menu-burger{position:absolute;top:13.5px;width:25px;height:3px;background-color:#efebe9;transition:all .3s ease}#navbar .navbar-container .menu-icon .menu-burger:after,#navbar .navbar-container .menu-icon .menu-burger:before{content:"";position:absolute;height:3px;background-color:#efebe9;transition:all .3s ease}#navbar .navbar-container .menu-icon .menu-burger:before{content:"";top:-10px;width:30px}#navbar .navbar-container .menu-icon .menu-burger:after{content:"";top:10px;width:20px}#navbar .navbar-container .menu-icon .menu-close{width:30px;height:30px;display:grid;align-items:center}#navbar .navbar-container .menu-icon .menu-close:after,#navbar .navbar-container .menu-icon .menu-close:before{content:"";background-color:#efebe9;height:3px;transform:rotate(135deg);grid-area:1/1/2/2;transition:all .3s ease}#navbar .navbar-container .menu-icon .menu-close:after,#navbar .navbar-container .menu-icon .menu-close:hover:before{transform:rotate(225deg)}#navbar .navbar-container .menu-icon .menu-close:hover:after{transform:rotate(135deg)}#navbar .navbar-container .menu{display:grid;grid-template-columns:repeat(4,auto);grid-gap:5px;list-style:none;text-align:center;transition:all .5s ease}@media only screen and (max-width:768px){#navbar .navbar-container .menu{width:100vw;height:100vh;top:50px;padding-top:25px;display:flex;flex-direction:column;justify-content:flex-start;position:absolute;left:-100%;transition:all .5s ease}}#navbar .navbar-container .menu.active{background-color:#202125;left:0}#navbar .navbar-container .menu .nav-link{color:#efebe9;font-size:16px;padding:8px 16px;border-radius:2px;letter-spacing:1px;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .2s linear}@media only screen and (max-width:992px){#navbar .navbar-container .menu .nav-link{padding:8px 12px;font-size:14px;opacity:1}}@media only screen and (max-width:768px){#navbar .navbar-container .menu .nav-link{font-size:24px;height:100px;padding:0}}@media only screen and (max-height:576px)and (orientation:landscape){#navbar .navbar-container .menu .nav-link{font-size:18px;height:50px}}@media only screen and (max-width:576px)and (orientation:portrait){#navbar .navbar-container .menu .nav-link{font-size:18px}}#navbar .navbar-container .menu .nav-link:hover{background-color:#191a1d;color:#38bdf7}#navbar .navbar-container .menu .nav-link.resume{border:1px solid #efebe9;border-radius:30px}@media only screen and (max-width:768px){#navbar .navbar-container .menu .nav-link.resume{border:none}}#navbar .navbar-container .menu .nav-link.resume:hover{color:#38bdf7;border:1px solid #38bdf7}#navbar .navbar-container .navbar-logo{color:#efebe9;font-size:40px;text-decoration:none;display:flex;justify-self:end;z-index:3;cursor:pointer;font-family:"Zen Dots",cursive;transition:all .3s linear}@media only screen and (max-width:768px){#navbar .navbar-container .navbar-logo{font-size:36px;margin-right:15px}}#navbar .navbar-container .navbar-logo:hover{color:#38bdf7}.morph-wrapper{position:fixed;top:0;left:0;bottom:0;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#202125}.morph{top:0;left:0;height:100%;flex:none}#home,.morph{position:relative}#home{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding-left:1%}@media only screen and (max-width:576px)and (orientation:portrait){#home{padding-left:0;justify-content:center}}#home:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.1) 0,transparent 50%);animation:backgroundMove 20s ease infinite;pointer-events:none}@keyframes backgroundMove{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}#home .header-container{width:100%;max-width:1200px;padding:0 40px;position:relative;z-index:1;margin-left:0}@media only screen and (max-width:576px)and (orientation:portrait){#home .header-container{padding:0 20px}}#home .header-line,#home .intro-line{overflow:hidden;margin-bottom:20px}#home .header-line div,#home .intro-line div{overflow:hidden}#home .header-line h1,#home .intro-line h1{font-size:4rem;font-weight:700;line-height:1.2;margin:0;transform:translateY(100%)}@media only screen and (max-width:768px){#home .header-line h1,#home .intro-line h1{font-size:3rem}}@media only screen and (max-width:576px)and (orientation:portrait){#home .header-line h1,#home .intro-line h1{font-size:2rem}}#home .header-line h1 .counter,#home .intro-line h1 .counter{color:#38bdf7;font-weight:700}#home .header-line h1 .highlight,#home .intro-line h1 .highlight{color:#38bdf7;position:relative}#home .header-line h1 .highlight:after,#home .intro-line h1 .highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#38bdf7;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}#home .header-line h1 .highlight:hover:after,#home .intro-line h1 .highlight:hover:after{transform:scaleX(1);transform-origin:left}#home .header-line h1 .shrink,#home .intro-line h1 .shrink{font-size:.7em;font-weight:400;opacity:.8}#home .header-line h2,#home .intro-line h2{font-size:3rem;font-weight:500;line-height:1.2;margin:0;opacity:.9}@media only screen and (max-width:768px){#home .header-line h2,#home .intro-line h2{font-size:2.5rem}}@media only screen and (max-width:576px)and (orientation:portrait){#home .header-line h2,#home .intro-line h2{font-size:1.8rem}}#home .header-line .description,#home .intro-line .description{font-size:1.3rem;line-height:1.8;max-width:800px;margin:20px 0;opacity:.85;font-weight:300}@media only screen and (max-width:768px){#home .header-line .description,#home .intro-line .description{font-size:1.1rem}}@media only screen and (max-width:576px)and (orientation:portrait){#home .header-line .description,#home .intro-line .description{font-size:1rem}}#home .header-line .description .highlight,#home .intro-line .description .highlight{color:#38bdf7;font-weight:500}#home .cta-section{margin-top:50px;display:flex;grid-gap:20px;gap:20px;align-items:center;opacity:0}@media only screen and (max-width:576px)and (orientation:portrait){#home .cta-section{flex-direction:column;grid-gap:15px;gap:15px;width:100%}}#home .cta-buttons{padding:15px 35px;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:10px;gap:10px;position:relative;overflow:hidden}@media only screen and (max-width:576px)and (orientation:portrait){#home .cta-buttons{width:100%;justify-content:center;padding:15px 25px;font-size:1rem}}#home .cta-buttons:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:hsla(0,0%,100%,.1);transition:left .3s ease}#home .cta-buttons:hover:before{left:100%}#home .cta-buttons i{transition:transform .3s ease}#home .cta-buttons:hover i{transform:translateX(5px)}#home .primary-cta{background:linear-gradient(135deg,#38bdf7,rgb(9.7391304348,171.652173913,242.2608695652));color:#fff;box-shadow:0 4px 15px rgba(56,189,247,.3)}#home .primary-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(56,189,247,.4)}#home .primary-cta:active{transform:translateY(0)}#home .secondary-cta{background:transparent;color:#38bdf7;border:2px solid #38bdf7}#home .secondary-cta:hover{background:rgba(56,189,247,.1);transform:translateY(-2px)}#home .secondary-cta:active{transform:translateY(0)}#about{display:flex;flex-direction:column;grid-gap:80px;gap:80px;padding:40px 0}@media only screen and (max-width:576px)and (orientation:portrait){#about{grid-gap:60px;gap:60px;padding:20px 0}}#about .section-header{text-align:center;margin-bottom:20px}#about .section-header h2{font-size:2rem;font-weight:700;letter-spacing:2px;position:relative;display:inline-block}@media only screen and (max-width:576px)and (orientation:portrait){#about .section-header h2{font-size:1.5rem}}#about .section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#38bdf7}#about .bio-section{max-width:900px;margin:0 auto;display:flex;flex-direction:column;grid-gap:25px;gap:25px}#about .bio-section .intro-text{text-align:center;margin-bottom:20px}#about .bio-section .intro-text h3{font-size:2.5rem;font-weight:700;margin-bottom:10px}@media only screen and (max-width:576px)and (orientation:portrait){#about .bio-section .intro-text h3{font-size:2rem}}#about .bio-section .intro-text .tagline{font-size:1.2rem;color:#38bdf7;font-weight:500;margin:0}@media only screen and (max-width:576px)and (orientation:portrait){#about .bio-section .intro-text .tagline{font-size:1rem}}#about .bio-section p{line-height:1.8;font-size:1.05rem;margin:0;text-align:justify}@media only screen and (max-width:576px)and (orientation:portrait){#about .bio-section p{font-size:.95rem;text-align:left}}#about .skills-section{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;max-width:1200px;margin:0 auto;width:100%}@media only screen and (max-width:768px){#about .skills-section{grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px}}@media only screen and (max-width:576px)and (orientation:portrait){#about .skills-section{grid-template-columns:1fr;grid-gap:25px;gap:25px}}#about .skills-section .skill-card{background:hsla(0,0%,100%,.02);padding:30px 25px;border-radius:15px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}#about .skills-section .skill-card:hover{transform:translateY(-8px);background:hsla(0,0%,100%,.04);border-color:#38bdf7;box-shadow:0 15px 40px rgba(0,0,0,.3)}#about .skills-section .skill-card .skill-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid hsla(0,0%,100%,.1)}#about .skills-section .skill-card .skill-header i{font-size:1.5rem;color:#38bdf7}#about .skills-section .skill-card .skill-header h4{font-size:1.3rem;font-weight:600;margin:0;color:#38bdf7}#about .skills-section .skill-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;grid-gap:8px;gap:8px}#about .skills-section .skill-card ul li{font-size:1rem;transition:all .2s ease;position:relative;padding:8px 0 8px 25px}#about .skills-section .skill-card ul li:before{content:">_";color:#38bdf7;font-size:.9rem;font-weight:bolder;position:absolute;left:0;mix-blend-mode:difference}#about .skills-section .skill-card ul li:hover{transform:translateX(5px);color:#38bdf7}.section-header{text-align:center;margin:60px 0 40px}.section-header h2{font-size:26px;letter-spacing:4px}.tile-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px;max-width:1100px;margin:0 auto;padding:0 20px;justify-items:center}@media(max-width:768px){.tile-wrap{grid-template-columns:1fr;padding:0 16px;grid-gap:20px;gap:20px}}.portfolio-tile{perspective:1400px;cursor:pointer;width:100%;max-width:300px}@media(max-width:768px){.portfolio-tile{max-width:100%}}.tile-inner{position:relative;height:340px;transform-style:preserve-3d;transition:transform .6s ease,box-shadow .4s ease}.portfolio-tile:hover .tile-inner{transform:translateZ(60px) translateY(-12px) scale(1.05);box-shadow:0 30px 50px rgba(0,0,0,.45)}@media(max-width:768px){.portfolio-tile:hover .tile-inner{transform:scale(1.02);box-shadow:0 10px 20px rgba(0,0,0,.35)}}.portfolio-tile:hover .tile-face{border:1px solid #38bdf7}.portfolio-tile.flipped .tile-inner{transform:rotateY(180deg) translateZ(60px)}@media(max-width:768px){.portfolio-tile.flipped .tile-inner{transform:rotateY(180deg)}}.tile-face{position:absolute;inset:0;background:#202125;border-radius:10px;padding:14px;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid transparent;transition:border .4s ease}.tile-front{display:flex;flex-direction:column;align-items:center;text-align:center}.portfolio-img-wrap{height:120px;width:100%;background:#1b1c20;border-radius:6px;display:flex;align-items:center;justify-content:center}.portfolio-img{max-height:110px;max-width:100%;object-fit:contain}.project-title{font-size:15px;margin:10px 0 4px}.project-brief{font-size:12px;opacity:.8}.tech-tags{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px;justify-content:center;margin-top:8px}.tech-tags span{font-size:10px;padding:4px 7px;border-radius:6px;background:#17171a;border:1px solid #38bdf7;transition:transform .3s ease,box-shadow .3s ease}.tech-tags span:hover{transform:translateZ(30px) scale(1.2);box-shadow:0 12px 20px rgba(0,0,0,.4)}@media(max-width:768px){.tech-tags span:hover{transform:scale(1.1);box-shadow:0 6px 10px rgba(0,0,0,.3)}}.project-link{margin-top:auto;font-size:14px;color:#38bdf7;transition:transform .3s ease}.project-link:hover{transform:translateZ(30px) scale(1.2)}@media(max-width:768px){.project-link:hover{transform:scale(1.15)}}.project-links{display:flex;grid-gap:15px;gap:15px;justify-content:center;margin-top:15px}.project-links .project-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all .3s ease;color:#fff}.project-links .project-link:hover{transform:scale(1.15);opacity:.85}.tile-back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;text-align:center;padding:20px}.tile-back p{font-size:13px;line-height:20px}.tile-back .flip-hint{font-size:10px;opacity:.6;margin-top:12px}.experience-card.vertical{max-width:850px;margin:80px auto;background:#202125;border-radius:14px;padding:32px 36px;text-align:center;box-shadow:0 30px 45px rgba(0,0,0,.45)}@media(max-width:768px){.experience-card.vertical{margin:40px 16px;padding:24px}}.experience-logo{display:flex;justify-content:center;margin-bottom:18px}.experience-logo img{width:140px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}@media(max-width:768px){.experience-logo img{width:110px}}.experience-role{font-size:22px;margin-bottom:4px}@media(max-width:768px){.experience-role{font-size:18px}}.experience-company{display:block;font-size:15px;opacity:.9}@media(max-width:768px){.experience-company{font-size:14px}}.experience-duration{display:block;font-size:13px;opacity:.7;margin-bottom:22px}@media(max-width:768px){.experience-duration{font-size:12px}}.experience-points{text-align:left;max-width:700px;margin:0 auto 24px;padding-left:18px;list-style-type:disc}@media(max-width:768px){.experience-points{padding-left:20px}}.experience-points li{font-size:15px;line-height:26px;margin-bottom:14px}@media(max-width:768px){.experience-points li{font-size:14px;line-height:24px}}.experience-tags{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:10px;gap:10px}.experience-tags span{font-size:12px;padding:6px 12px;border-radius:10px;background:#17171a;border:1px solid #38bdf7}#contact{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-column-gap:50px;column-gap:50px;grid-row-gap:20px;row-gap:20px;justify-content:center;align-items:center;grid-template-areas:"header form" "info form" "social form"}@media only screen and (max-width:768px){#contact{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);grid-template-areas:"header" "info" "social" "form"}}#contact .contact-header{height:100%;grid-area:header;display:flex;flex-direction:column;justify-content:flex-end}#contact .contact-header h2{font-size:60px}@media only screen and (max-width:992px){#contact .contact-header h2{font-size:48px}}#contact .contact-form{grid-area:form;display:flex;flex-direction:column;justify-content:space-around;align-items:center}#contact .contact-form textarea{min-height:12em;resize:none}#contact .contact-form input,#contact .contact-form textarea{width:100%;font-size:1rem;background-color:#202125;color:#38bdf7;border:none;padding:30px;box-shadow:0 20px 20px rgba(0,0,0,.2),0 0 50px rgba(0,0,0,.2);-webkit-box-shadow:0 20px 20px rgba(0,0,0,.2),0 0 50px rgba(0,0,0,.2)}#contact .contact-form input:focus,#contact .contact-form textarea:focus{outline:0}#contact .contact-form input:focus~label,#contact .contact-form input:valid~label,#contact .contact-form textarea:focus~label,#contact .contact-form textarea:valid~label{font-size:.75em;top:-10px;transition:all .3s ease}#contact .contact-form .form-group{width:100%;margin:1rem 0;position:relative}#contact .contact-form .form-group label{color:#efebe9;font-size:1em;padding:1.3rem 30px 1rem;position:absolute;top:10px;left:0;transition:all .3s ease;pointer-events:none}#contact .contact-form .submit-btn{width:125px;font-size:18px;background-color:#202125;color:#efebe9;outline:none;border:none;padding:8px;border-radius:20px;box-shadow:0 20px 20px rgba(0,0,0,.2),0 0 50px rgba(0,0,0,.2);-webkit-box-shadow:0 20px 20px rgba(0,0,0,.2),0 0 50px rgba(0,0,0,.2);cursor:pointer}#contact .contact-form .submit-btn:hover{color:#38bdf7}#contact .contact-form .submit-btn .submit-text{display:flex;justify-content:center;align-items:center}#contact .contact-info{height:100%;grid-area:info;display:flex;flex-direction:column;justify-content:flex-end;line-height:24px}#contact .contact-info ul{padding:10px 0}#contact .contact-info li{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-bottom:1px solid #efebe9}#contact .social-media{width:200px;height:100%;grid-area:social}#contact .social-media .social-links{font-size:1.5em;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}#contact .social-media .social-links li{transition:all .3s ease}#contact .social-media .social-links li:hover{transform:translateY(-5px);color:#38bdf7}@media only screen and (max-width:992px){#contact .social-media .social-links .fa{font-size:2em}}.form-status{margin-top:1.5rem;padding:.9rem 1.2rem;border-radius:6px;display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:.85rem;animation:fadeIn .4s ease}.form-status.success{background:rgba(0,255,150,.12);color:#6ee7b7;border:1px solid rgba(0,255,150,.3)}.form-status.error{background:rgba(255,80,80,.12);color:#fca5a5;border:1px solid rgba(255,80,80,.3)}.form-status i{font-size:1.1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{font-size:1rem;box-shadow:0 20px 20px rgba(0,0,0,.2),0 0 50px rgba(0,0,0,.2),inset 0 0 0 60px #202125!important;-webkit-box-shadow:0 20px 20px rgba(0,0,0,.2),0 0 50px rgba(0,0,0,.2),0 0 0 60px #202125 inset!important;-webkit-text-fill-color:#38bdf7!important}#footer{width:100%;display:flex;flex-direction:column;align-items:center}#footer p{font-size:10px}*{margin:0;padding:0;box-sizing:border-box;font-family:"Merriweather Sans",sans-serif}.App{background:#202125;color:#efebe9}h1,h2,h3,h4{font-family:"Catamaran",sans-serif}h1{font-size:56px}@media only screen and (max-width:992px){h1{font-size:42px}}@media only screen and (max-width:768px){h1{font-size:32px}}h2{font-size:36px}@media only screen and (max-width:768px){h2{font-size:30px}}h3{font-size:24px}h4{font-size:18px}p{font-size:16px;line-height:24px}@media only screen and (max-width:992px){p{font-size:14px}}a,a:visited{color:inherit;text-decoration:none}ul{list-style:none}@media only screen and (max-width:992px){ul li{font-size:14px}}.page{position:absolute;top:0;left:0;right:0}.page-enter{opacity:0;transform:scale(1.1)}.page-enter-active{transition:opacity 1s,transform 1s}.page-enter-active,.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transform:scale(.9);transition:opacity .5s,transform .5s}.main-container{position:relative;margin:0 100px}@media only screen and (max-width:992px){.main-container{margin:0 75px}}@media only screen and (max-width:768px){.main-container{margin:0 50px}}@media only screen and (max-width:576px)and (orientation:portrait){.main-container{margin:0 25px}}.anchor{padding-top:125px;padding-bottom:50px}
/*# sourceMappingURL=main.4bcc9315.chunk.css.map */