body{background:linear-gradient(245deg,#000,#303030 85%,#363636);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-optical-sizing:auto;margin:0;padding:0}.container{margin:0 auto;max-width:1200px}.loader{animation:spin 1s linear infinite;border:6px solid #ccc;border-radius:50%;border-top-color:#3498db;height:50px;left:50%;margin:-25px 0 0 -25px;position:absolute;top:50%;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{margin:185px 40px;text-align:left}.title{color:#fff;font-size:2.5rem;font-weight:900;margin:10px 0}.title-name{background-color:#fff;color:#000;font-size:3.2rem;font-style:italic;font-weight:900;padding:0 10px}.subtitle{color:#fff;font-size:2rem;font-weight:700;margin:10px 0}.about-me{color:#fff;font-size:1.6rem;font-weight:500;line-height:1.5;margin:20px 0}.contactLinks{display:flex;flex-direction:row;gap:15px;justify-content:start;margin:15px 0}.iconLink{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff26;border-radius:7px;box-shadow:0 8px 32px 0 #1f26875e;color:#fff;display:flex;height:30px;justify-content:center;padding:5px;text-decoration:none;transition:all 213ms ease;width:30px}.iconLink:hover{background:#ffffff1a;box-shadow:0 8px 32px 0 #1f2687bf;transform:translateY(-3px)}.navbar{align-items:center;display:flex;flex-direction:row;gap:15px;overflow:hidden;padding:15px;position:sticky;top:20px;transition:all 213ms ease;z-index:1000}.navbar-bg{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff0;border:1px solid #ffffff26;border-radius:10px;box-shadow:0 4px 30px #0000001a;padding-left:20px}.navbar a{color:#fff;display:block;font-size:1.1rem;font-weight:400;text-decoration:none;transition:all 213ms ease}.navbar a:hover{transform:translateY(-3px)}.section{margin:40px 40px 100px}.sectionTitle{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:50px}.skills{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}@media only screen and (max-width:640px){.skills{justify-content:center}}.skillCard{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff26;border-radius:7px;box-shadow:0 8px 32px 0 #1f26875e;cursor:pointer;height:75px;object-fit:contain;padding:10px;transition:all 213ms ease;width:75px}.skillCard:hover{background:#ffffff1a;box-shadow:0 8px 32px 0 #1f2687bf;transform:translateY(-3px)}.projectGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff26;border-radius:15px;box-shadow:0 8px 32px 0 #1f26875e;color:#fff;max-height:fit-content;transition:all 213ms ease}.card:hover{background:#ffffff1a}.cardImage{aspect-ratio:15/10;border-top-left-radius:15px;border-top-right-radius:15px;height:auto;object-fit:cover;width:100%}@media (max-width:768px){.cardImage{aspect-ratio:4/3}}.cardContent{padding:22px}.cardTitle{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:2px;margin-top:0}.cardDescription,.cardTech{color:#fff;font-size:.875rem;font-weight:400}.featureList{list-style:none;margin-bottom:20px;padding:0}.featureItem{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:400;margin-bottom:6px}.featureIcon{margin-right:6px}.buttons{border-top:1px solid #595959;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center;padding-top:20px}.button{background-color:#fff;border-radius:7px;box-shadow:0 2px 8px 0 #63636333;color:#000;display:inline-block;font-size:.8rem;font-weight:600;padding:10px 12px;text-decoration:none;text-transform:capitalize;transition:all 213ms ease}.button:hover{transform:translateY(-3px)}[data-tooltip]{position:relative}[data-tooltip]:after,[data-tooltip]:before{display:none;font-size:.9em;line-height:1;opacity:0;position:absolute;text-transform:none}[data-tooltip]:before{border:6px solid #0000;content:"";z-index:101}[data-tooltip]:after{background:#fff;border-radius:7px;box-shadow:0 8px 32px 0 #1f2687bf;color:#000;content:attr(data-tooltip);max-width:21em;min-width:3em;overflow:hidden;padding:5px 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:100}[data-tooltip]:hover:after,[data-tooltip]:hover:before{display:block}[data-tooltip=""]:after,[data-tooltip=""]:before{display:none!important}[data-tooltip]:not([data-flow]):before,[data-tooltip][data-flow^=top]:before{border-bottom-width:0;border-top-color:#fff;bottom:100%}[data-tooltip]:not([data-flow]):after,[data-tooltip][data-flow^=top]:after{bottom:calc(100% + 5px)}[data-tooltip]:not([data-flow]):after,[data-tooltip]:not([data-flow]):before,[data-tooltip][data-flow^=top]:after,[data-tooltip][data-flow^=top]:before{left:50%;transform:translate(-50%,-.4em)}[data-tooltip][data-flow^=bottom]:before{border-bottom-color:#fff;border-top-width:0;top:100%}[data-tooltip][data-flow^=bottom]:after{top:calc(100% + 5px)}[data-tooltip][data-flow^=bottom]:after,[data-tooltip][data-flow^=bottom]:before{left:50%;transform:translate(-50%,.4em)}[data-tooltip][data-flow^=left]:before{border-left-color:#fff;border-right-width:0;left:-5px;top:50%;transform:translate(-.5em,-50%)}[data-tooltip][data-flow^=left]:after{right:calc(100% + 5px);top:50%;transform:translate(-.4em,-50%)}[data-tooltip][data-flow^=right]:before{border-left-width:0;border-right-color:#fff;right:-7px;top:50%;transform:translate(.4em,-50%)}[data-tooltip][data-flow^=right]:after{left:calc(100% + 5px);top:50%;transform:translate(.5em,-50%)}@keyframes tooltip-vert{to{opacity:1;transform:translate(-50%)}}@keyframes tooltip-horz{to{opacity:1;transform:translateY(-50%)}}[data-tooltip]:not([data-flow]):hover:after,[data-tooltip]:not([data-flow]):hover:before,[data-tooltip][data-flow^=bottom]:hover:after,[data-tooltip][data-flow^=bottom]:hover:before,[data-tooltip][data-flow^=top]:hover:after,[data-tooltip][data-flow^=top]:hover:before{animation:tooltip-vert .3s ease-out forwards}[data-tooltip][data-flow^=left]:hover:after,[data-tooltip][data-flow^=left]:hover:before,[data-tooltip][data-flow^=right]:hover:after,[data-tooltip][data-flow^=right]:hover:before{animation:tooltip-horz .3s ease-out forwards}.skills{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.skills-visible{opacity:1;transform:translateY(0)}.skill-card{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.skill-card.animate{opacity:1;transform:translateY(0)}.projectGrid{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.projectGrid-visible{opacity:1;transform:translateY(0)}.card{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.card.animate{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=main.81bd58ee.css.map*/