@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap);body{font-family:IBM Plex Sans,Arial,sans-serif;margin:0}html{background-color:#000c1e}main h1,main h2,main h3,p{color:#e0e6ed;text-decoration:none}h2{font-size:2rem}h3{font-size:1.5rem}hr{background-color:#e6e6e6;border:none;height:2px;margin:1.5rem 0;width:25%}.hero-section{align-items:center;background-image:url(/static/media/shooting-star.ccab88f08d48d7789400.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;padding:0;text-align:center}.hero-subtitle,.hero-title{animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0;padding:0 20px;transform:translateY(20px)}.hero-title{animation-delay:.3s;font-size:2.5em;letter-spacing:.05em;margin:0}.hero-subtitle,.hero-title{animation-duration:1s;animation-name:fadeSlideUp}.hero-subtitle{animation-delay:1.2s;color:#00adb5;font-size:1em;margin-top:.5em}.gradient{background-image:linear-gradient(180deg,#000,#0000);height:100px}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}#hero button svg{height:50px;width:50px}#hero path{color:#fff}#hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}#hero button{background:none;border:none;bottom:100px;cursor:pointer;left:50%;padding:10px;position:absolute;transform:translateX(-50%)}@media (min-width:769px){#hero button{bottom:60px}}@keyframes slideFadeDown{to{opacity:1;transform:translateY(0)}}.about-section{margin-top:-25px;padding:60px 15px 15px}.about-section h2,.about-section p{line-height:30px;padding-left:15px}#about-pic{align-items:center;display:flex;flex-direction:column;justify-content:center}#about-pic h2{margin-bottom:0}#about-pic img{border-radius:50%;max-width:250px}@media (min-width:769px){.about-section{align-items:center;display:grid;grid-template-columns:1fr 3fr;padding-left:5rem;padding-right:5rem}#about-pic{background-color:#041730;border-radius:14px;margin:0 1.5rem;max-height:300px;max-width:300px;padding:3rem}}.what-i-do{padding:15px}.what-i-do h2{line-height:30px;padding-left:15px}hr{margin:10px 0 20px}.service{background:#041730;border-radius:14px;box-shadow:0 4px 12px #0000000d;cursor:pointer;margin:15px;padding:15px;transition:box-shadow .3s ease}.service:hover{box-shadow:0 6px 20px #0000001a}.service-title{align-items:center;display:flex;font-size:1.1rem;font-weight:600;margin:0;padding-bottom:5px}.icon{flex-shrink:0;height:50px;margin-right:10px;width:50px}.short-description{color:#e0e6ed;font-size:.95rem;margin:5px 0;opacity:.75}.service-description{color:#444;font-size:.95rem;line-height:1.5;max-height:0;overflow:hidden;padding:0;transition:max-height .4s ease,padding .4s ease}.service-description.open{max-height:500px;padding:10px 0}@media (min-width:769px){.what-i-do{margin-left:3rem;margin-right:3rem;padding:30px}.what-i-do h2{grid-column:1/-1}.services-container{display:flex;flex-direction:row}.service{cursor:default;margin:20px auto;max-width:12rem}}@media (min-width:1200px){.service{max-width:20rem}}.skills-section{padding:15px}.skills-section ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.skills-section li,.skills-section ul{align-items:center;justify-content:center;list-style:none}.skills-section li{background-color:#041730;border:2px solid #2a3f5b;border-radius:50%;color:#fff;display:flex;font-size:.5rem;font-weight:700;height:50px;transition:transform .3s ease,background-color .3s ease;width:50px}.skills-section li:hover{background-color:#072744;transform:scale(1.05)}.skills-section h2{padding-left:1rem}.design-icons{margin:1rem}.design-icons svg{padding-right:15px}.skills-section h3,.tools-list p{align-items:center;display:flex;margin:0}.tools-list p{gap:.5rem}.tools-list svg{flex-shrink:0;vertical-align:middle}.design-icons,.group-container ul,.tools-list{background:#041730;border-radius:14px;margin:1rem 0;padding:1rem;text-align:center}.resume-btn-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.view-resume-btn{background-color:#071c37;border-radius:14px;color:#e0e6ed;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transform-origin:center;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:85%}.view-resume-btn:first-child{margin-bottom:1rem}.view-resume-btn:focus,.view-resume-btn:hover{background-color:#01bdc7;border-color:#01bdc7;color:#001f3f;transform:scale(1.05)}.view-resume-btn:active{background-color:#04838f;border-color:#04838f;color:#fff;transform:scale(.98)}@media (min-width:769px){.skills-section{margin-left:3rem;margin-right:3rem}hr{width:5%}.group-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}#group1{display:flex;flex-direction:column;grid-column:1/2;grid-row:1/2}#group2{grid-column:2/3}.resume-btn-container{margin-top:auto;padding-bottom:1rem}.view-resume-btn{width:95%}}.project-container{padding:15px}#all-project h1,#featured-project h2,.back-button{margin-left:1rem;margin-top:5rem}.back-button{color:#e0e6ed;display:block;font-weight:600;text-decoration:none}.project-container ul{padding:1rem}.project-item{border-radius:10px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:2rem;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.project-item:hover{background-color:#ffffff0d;outline:12px solid #ffffff0d;transform:scale(1.02);z-index:1}.project-container ul:hover .project-item{opacity:.5}.project-container ul:hover .project-item:hover{opacity:1}.project-container img{border-radius:4px;margin-bottom:.5rem;max-width:250px;object-fit:cover}.project-container a{color:#e0e6ed;font-size:1rem;font-weight:700;margin-bottom:.25rem;padding:0;text-decoration:none}.project-container p{font-size:.88rem;font-weight:400;margin:.25rem 0 .5rem;opacity:.75;padding:0}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:flex-start;list-style:none;margin:0;padding:.5rem 0}.tags-list li{background-color:#01bdc71a;border-radius:15px;color:#01bdc7;display:inline-flex;font-size:.65rem;font-weight:700;padding:.25rem .75rem;text-align:center;white-space:nowrap}@media (min-width:769px){.project-container,.project-container ul{margin-left:3rem;margin-right:3rem}}.loading-dots{align-items:center;display:flex;gap:4px;height:100px;justify-content:center}.loading-dots span{animation:blink 1.5s infinite;color:#e0e6ed;font-size:2rem;opacity:0}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;box-shadow:0 2px 8px #0003;color:#fff;left:0;position:fixed;top:0;width:100%;z-index:1000}.hamburger{cursor:pointer;display:block;font-size:30px;position:absolute;right:20px;top:20px;will-change:transform,opacity;z-index:1}.nav-overlay{align-items:center;background:#000000f2;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:100%;z-index:1000}.nav-overlay.show{transform:translateX(0)}.nav-links{color:#fff;list-style:none;padding:0;text-align:center}.nav-links li{margin:20px 0}.nav-links a{color:#fff;font-size:24px;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#00adb5}.close-btn{color:#fff;cursor:pointer;font-size:30px;position:absolute;right:30px;top:20px}@media (min-width:769px){.hamburger{display:none}.nav-overlay{align-items:center;animation:slideFadeDown .8s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:0 0 10px 10px;box-shadow:0 4px 12px #0000004d;flex-direction:row;height:auto;justify-content:flex-end;opacity:0;padding:10px 20px;position:static;transform:none;transform:translateY(-20px);transition:background .3s ease;width:auto}.nav-overlay:hover{background:#000000b3}.nav-links{cursor:pointer;display:flex;flex-direction:row;gap:20px;text-align:left}.nav-links li{margin:0}.nav-links a{font-size:18px;padding-bottom:5px;position:relative;transition:color .3s ease}.nav-links a:after{background:#00adb5;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.close-btn{display:none}}.footer{background-color:#000c1e;margin-top:auto;padding:2rem 1rem;text-align:center}.footer p{font-size:14px;line-height:1.6;margin:0 0 1rem}.social-icons{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.social-icons a{color:#01bdc7;font-size:24px;transition:color .3s ease}
/*# sourceMappingURL=main.10a304e5.css.map*/