@import url(https://fonts.googleapis.com/css2?family=Aladin&family=Allura&family=DM+Serif+Display:ital@1&family=Frank+Ruhl+Libre:wght@600&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{border:none;box-sizing:border-box;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}:root{--bg-color:#020715;--second-bg-color:#020715;--text-color:#dcdcdc;--main-color:#f5b453;--main-gradient:linear-gradient(109.6deg,#ffb450 10%,#50c8ff 90%);--second-gradient:radial-gradient(circle at 10% 20%,#ffffb4 0%,#b4dcff 25%,#c8b4ff 50%,#ffb4dc 75%,#ffdcb4 100%)}html{font-size:62.5%;overflow-x:hidden}.container{background:#020715;background:var(--bg-color);color:#dcdcdc;color:var(--text-color);height:100%;width:100%}.project-logo{cursor:pointer;width:10rem}.navbar a{color:#dcdcdc;color:var(--text-color);font-family:Apple LiGothic;font-size:2.5rem;margin-left:4rem;transition:.3s}.navbar a.active,.navbar a:hover{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(109.6deg,#ffb450 10%,#50c8ff 90%);background-image:var(--main-gradient);color:#0000}.header{align-items:center;background:#020715;background:var(--bg-color);display:flex;justify-content:space-between;left:0;padding:.5rem 9%;position:fixed;top:0;width:100%;z-index:100}.header.sticky{border-bottom:.1rem solid #0003}section{min-height:100vh;padding:9rem 9% 2rem}.logo{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(109.6deg,#ffb450 10%,#50c8ff 90%);background-image:var(--main-gradient);color:#0000;cursor:default;font-family:Apple LiGothic;font-size:3.5rem;font-weight:700}#menu-icon{color:#dcdcdc;color:var(--text-color);display:none;font-size:3.6rem}.home{align-items:center;display:flex;justify-content:center}.home-img{margin-right:10rem}.home-img .home-image{animation:floatImage 4s ease-in-out infinite;background:linear-gradient(0deg,#1f242d,#232833,#333841,#3f4654,#565c66,#7e8289);border-radius:50%;box-shadow:0 0 3rem #fff;width:25vw}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-2.4rem)}to{transform:translateY(0)}}.home-content-fullstack{-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(circle at 10% 20%,#ffffb4 0,#b4dcff 25%,#c8b4ff 50%,#ffb4dc 75%,#ffdcb4 100%);background-image:var(--second-gradient);color:#0000}.home-content h3{font-family:Apple LiGothic;font-size:3.2rem;font-weight:700}.home-content h3>span{font-size:2.5rem;font-weight:bolder}.home-content .typed-js{min-width:40vw}.home-content h3:nth-of-type(2){margin-bottom:2rem}span{background-image:linear-gradient(109.6deg,#ffb450 10%,#50c8ff 90%);background-image:var(--main-gradient)}.home-content h1,span{-webkit-background-clip:text;background-clip:text;color:#0000}.home-content h1{background-image:radial-gradient(circle at 10% 20%,#ffffb4 0,#b4dcff 25%,#c8b4ff 50%,#ffb4dc 75%,#ffdcb4 100%);background-image:var(--second-gradient);font-size:4.9rem;font-weight:700;line-height:1.3}.home-content h1 span{color:#dcdcdc;color:var(--text-color);font-size:3.2rem;font-weight:700}.home-content p{font-size:1.6rem;font-weight:600}.home-content p span{color:#dcdcdc;color:var(--text-color);font-weight:600}.home-content .home-content-footer{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(109.6deg,#ffb450 10%,#50c8ff 90%);background-image:var(--main-gradient);color:#0000;font-size:1.8rem;font-weight:700}.social-media a{align-items:center;background:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(109.6deg,#ffb450 10%,#50c8ff 90%);background-image:var(--main-gradient);border-radius:50%;border-top:.2rem solid #f5b453;border-top:.2rem solid var(--main-color);color:#0000;color:#f5b453;color:var(--main-color);display:inline-flex;font-size:2rem;height:4rem;justify-content:center;margin:3rem 1.5rem 3rem 0;transition:.5s ease;width:4rem}.social-media a:hover{background:linear-gradient(109.6deg,#ffb450 10%,#50c8ff 90%);background:var(--main-gradient);box-shadow:0 0 2rem #f5b453;box-shadow:0 0 2rem var(--main-color)}.btn,.social-media a:hover{color:#020715;color:var(--second-bg-color)}.btn{background:#f5b453;background:var(--main-color);border-radius:4rem;box-shadow:0 0 1rem #f5b453;box-shadow:0 0 1rem var(--main-color);display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;padding:1rem 2.8rem;transition:.5s ease}.btn:hover{box-shadow:none}.about{align-items:center;background:#020715;background:var(--second-bg-color);display:flex;gap:2rem;justify-content:center}.about .about-img{margin-right:6rem}.heading{font-family:Apple LiGothic;font-size:4.9rem;text-align:center}.about-content h2{line-height:1.2;text-align:left}.about-content h3{-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(circle at 10% 20%,#ffffb4 0,#b4dcff 25%,#c8b4ff 50%,#ffb4dc 75%,#ffdcb4 100%);background-image:var(--second-gradient);color:#0000;font-family:Apple LiGothic;font-size:2.6rem;margin-bottom:2rem}.about-content h3>span{font-size:3rem;font-weight:700}.about-quotes{font-size:2rem;margin-bottom:2rem}.about-content p{font-size:1.6rem;font-weight:600}.about-profile{font-size:2rem}.about-profile .brackets{color:#95d4f6}.json-content{padding-left:2.5rem}.about-profile .json-key{color:#977bbf}.about-profile .json-string{color:#acc59f}.about-profile .json-integer{color:#2b8cc7}.skills h2{margin-bottom:5rem}.skills-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skills-container .skills-box{background:#020715;background:var(--second-bg-color);border:.2rem solid #020715;border:.2rem solid var(--bg-color);border-radius:10rem;flex:1 1 30rem;padding:3rem 2rem 4rem;text-align:center;transition:.5s ease}.skills-container .skills-box:hover{border-color:#f5b453;border-color:var(--main-color);transform:scale(1.02)}.skills-box h3{-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(circle at 10% 20%,#ffffb4 0,#b4dcff 25%,#c8b4ff 50%,#ffb4dc 75%,#ffdcb4 100%);background-image:var(--second-gradient);color:#0000;font-family:Apple LiGothic;font-size:3rem;margin-bottom:2rem}.skills-box p{font-size:1.6rem;margin:1rem 0 3rem}.skills-box .skill-logo-box{border-radius:20%;display:inline-flex;font-weight:700;margin-bottom:3rem;margin-right:1rem;min-height:100px;min-width:100px;overflow:hidden;position:relative}.skill-logo-box .skill-logo-layer{align-items:center;background:linear-gradient(#00000080,#1e1d1d);bottom:0;display:flex;flex-direction:column;font-family:Apple LiGothic;height:100%;justify-content:center;left:0;padding:0 1rem;position:absolute;text-align:center;transform:translateY(100%);transition:.5s ease;width:100%}.skill-logo-layer div{-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(circle at 10% 20%,#ffffb4 0,#b4dcff 25%,#c8b4ff 50%,#ffb4dc 75%,#ffdcb4 100%);background-image:var(--second-gradient);color:#0000;font-size:1.8rem}.skill-logo-box:hover .skill-logo-layer{transform:translateY(0)}.skill-logo-box:hover .skill-logos{transform:scale(1.1)}.skills-box .skill-logos{border-radius:20%;height:10rem;transition:.5s ease;width:10rem}.project{background:#020715;background:var(--second-bg-color)}.project h2{margin-bottom:4rem}.project-container{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr)}.project-container .project-box{border-radius:2rem;box-shadow:0 0 1rem #020715;box-shadow:0 0 1rem var(--bg-color);display:flex;overflow:hidden;position:relative}.project-box{width:100%}.project-box .project-image{transition:.5s ease;width:100%}.project-box:hover .project-image{transform:scale(1.1)}.project-image{border-radius:1rem;height:25rem;object-fit:cover;width:100%}.project-box .project-layer{align-items:center;background:linear-gradient(#0006,#f5b453);background:linear-gradient(#0006,var(--main-color));bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:0 4rem;position:absolute;text-align:center;transform:translateY(100%);transition:.5s ease;width:100%}.project-box:hover .project-layer{transform:translateY(0)}.project-layer h4{-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(circle at 10% 20%,#ffffb4 0,#b4dcff 25%,#c8b4ff 50%,#ffb4dc 75%,#ffdcb4 100%);background-image:var(--second-gradient);color:#0000;font-size:3rem}.project-layer h4,.project-layer p{font-family:Apple LiGothic;font-weight:700}.project-layer p{font-size:1.6rem;margin:.3rem 0 1rem}.project-layer a{font-size:2rem}.project-btn{background:#0000;-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(circle at 10% 20%,#ffffb4 0,#b4dcff 25%,#c8b4ff 50%,#ffb4dc 75%,#ffdcb4 100%);background-image:var(--second-gradient);color:#0000;font-size:1.8rem;font-weight:700}.project-btn:hover{cursor:pointer;transform:scale(1.1)}.project-layer a i{color:#020715;color:var(--second-bg-color);font-size:2rem}.webportfolio{background:#000}.repository h2{margin-bottom:5rem}.repository-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.repository-container .repository-box{align-items:center;background:#020715;background:var(--second-bg-color);border:.2rem solid #020715;border:.2rem solid var(--bg-color);border-radius:2rem;display:flex;flex:1 1 30rem;flex-direction:column;padding:3rem 2rem 4rem;text-align:center;transition:.5s ease}.repository-container .repository-box:hover{border-color:#f5b453;border-color:var(--main-color);transform:scale(1.02)}.repository-img{display:flex;justify-content:center}.repository-img .repository-image{background-color:#fff;border-radius:20%;width:10vw}.repository-box h3{font-size:2.6rem}.repository-box p{display:flex;font-size:1.6rem;font-weight:700;justify-content:flex-start;margin:1rem 0 3rem;width:70%}.contact{align-items:center;background:#020715;background:var(--second-bg-color);display:flex;flex-direction:column;padding:5rem 2rem}.contact h2{font-size:5rem;font-weight:700;margin-bottom:1rem;margin-top:8rem;text-align:center}.contact .contact-box{background-color:#020715;background-color:var(--bg-color);border-radius:1.5rem;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column;gap:1rem;max-width:800px;padding:2rem 3rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.contact .contact-box:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-5px)}.contact p{font-size:1.6rem;font-weight:500;line-height:1.6}.contact h3{font-size:2rem;font-weight:600}.modal-header{-webkit-background-clip:text;background-clip:text;background-image:var(--second-gradient);color:#0000;font-family:Allura;font-size:3rem}.modal-info{padding:2rem}.modal-info-heading{-webkit-background-clip:text;background-clip:text;background-image:var(--main-gradient);color:#0000;font-family:Apple LiGothic;font-size:2.3rem}.modal-info-content{color:var(--text-color);font-size:1.5rem;padding:1rem}.modal-info h4{color:var(--text-color);font-size:1.6rem;font-weight:700;padding:0 .5rem}.emphasis{color:tomato;font-weight:700;margin-right:1rem;padding-left:1rem}.modal-info-skills{align-items:center;display:flex}.modal-info-skills h4{font-family:Frank Ruhl Libre;font-size:1.8rem;padding-left:1rem}.modal-info-skills p{color:var(--text-color);font-size:1.6rem}.modal-info-content a{color:#77c5f2}.modal-info-content a:hover{-webkit-text-decoration:underline #77c5f2;text-decoration:underline #77c5f2}.modal-info-tasks{padding:0 3rem}.modal-info-tasks .project-task h3{color:var(--text-color);font-size:2.5rem;margin-bottom:2rem}.project-task-box{border-radius:2rem;box-shadow:0 0 1rem var(--bg-color);display:flex;margin-bottom:2.7rem;overflow:hidden;position:relative;width:20vw}.project-task-box .project-task-images{transition:.5s ease}.project-task-box:hover .project-task-images-image{transform:scale(1.1)}.project-task-images{cursor:pointer;opacity:1;width:100%}.project-task-box:hover{position:relative;transform:scale(1.5);z-index:1000}.project-task-box .project-task-layer{align-items:center;background:linear-gradient(#0006,var(--main-color));bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:0 4rem;position:absolute;text-align:center;transform:translateY(100%);width:100%}.project-task-layer h2{color:#fff;font-size:2rem}.project-task-box:hover .project-task-layer{transform:translateY(0)}.project-task p{font-size:1.7rem}.project-task span{color:tomato;font-weight:700}.project-task p ul{padding-left:3rem;padding-top:1rem}.project-task p h4{display:inline;font-weight:700;margin:2rem 0}.project-modal{background-color:#0009;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.project-modal-content{background-color:#fefefe;border:1px solid #888;display:flex;justify-content:center;margin:2% auto;width:40vw}.project-close-button{color:#aaa;font-size:4rem;font-weight:700;padding-right:1rem;position:absolute;right:0;top:0}.project-close-button:focus,.project-close-button:hover{color:#fff;cursor:pointer;text-decoration:none}.project-task ul{padding-top:1rem}.project-task li{font-size:1.7rem}.project-task li h4{font-weight:700;margin:2rem 0}.project-task p{line-height:1.7}.project-task li,.project-task p{color:var(--text-color);font-size:1.55rem}.project-task li{line-height:1.75}.project-task span,.project-task>div>span{color:tomato;display:inline-block;font-size:1.85rem;font-weight:800;letter-spacing:-.2px;margin:.2rem 0 .8rem}.project-task>div>span{padding-left:.2rem;position:relative}.project-task>div>span:before{background:linear-gradient(135deg,tomato,#ffb347);border-radius:50%;box-shadow:0 0 .8rem #ff634759;content:"";display:inline-block;height:.6rem;margin-right:.8rem;transform:translateY(-.1rem);width:.6rem}.project-task li h4{color:var(--text-color);display:inline;font-size:1.65rem;font-weight:900;margin:1.2rem 0 .4rem}.project-task ul{padding-left:3rem;padding-top:.8rem}.project-task ul li{margin-bottom:.8rem}.petmily-accordion-panel,.petmily-accordion-panel *{color:var(--text-color)!important}.petmily-troubleshooting{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:1.6rem;box-shadow:0 0 1.2rem #0003;padding:1.6rem}.petmily-troubleshooting p>span{align-items:center;color:#ff8a3d!important;display:inline-flex;font-size:1.9rem;font-weight:900;gap:.8rem;letter-spacing:-.2px;margin-bottom:.8rem}.petmily-troubleshooting p>span:before{background:linear-gradient(135deg,#ff8a3d,tomato);border-radius:50%;box-shadow:0 0 1.2rem #ff8a3d73;content:"";height:.8rem;width:.8rem}.petmily-troubleshooting p{margin:0 0 1.6rem}.petmily-troubleshooting li h4{color:var(--text-color)!important;font-size:1.65rem;font-weight:900;margin:1.1rem 0 .4rem}.petmily-troubleshooting code{background:#ffffff14;border:1px solid #ffffff1a;border-radius:.6rem;font-size:1.45rem;padding:.15rem .5rem}.petmily-accordion-button{background:#ffffff0f!important;border:1px solid #ffffff1f!important;border-radius:1.2rem!important;box-shadow:0 0 1rem #0000002e;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.petmily-accordion-button:hover{box-shadow:0 0 1.6rem #77c5f238,0 0 1.2rem #00000038;filter:brightness(1.05);transform:translateY(-2px) scale(1.02)}.petmily-accordion-button[aria-expanded=true]{border-color:#ff8a3d59!important;box-shadow:0 0 2rem #ff8a3d2e,0 0 1.2rem #00000038;transform:translateY(-2px) scale(1.02)}.petmily-accordion-title{font-size:1.85rem;font-weight:900;letter-spacing:-.2px}.petmily-accordion-button svg{opacity:.9;transition:transform .18s ease,opacity .18s ease}.petmily-accordion-button:hover svg{opacity:1;transform:rotate(6deg) scale(1.06)}.petmily-accordion-button[aria-expanded=true] svg{opacity:1;transform:rotate(8deg) scale(1.08)}
/*# sourceMappingURL=main.3bc7b0c0.css.map*/