/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.block{display:block}.flex{display:flex}.w-full{width:100%}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#1e1e1e\]{background-color:#1e1e1e}.bg-\[\#2a2a2a\]{background-color:#2a2a2a}.bg-\[\#161523\]{background-color:#161523}.text-center{text-align:center}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{margin:0;padding:0}body{color:#fff;background:#161523;height:100vh;font-family:outfit}html{scroll-behavior:smooth}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.navbar{display:flex;align-items:center;justify-content:space-around;margin:20px 170px}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px}.nv-connect{padding:20px 40px;border-radius:50px;color:red;font-size:22px;cursor:pointer;transition:.5s}.nv-connect:hover{transform:scale(1.05)}.nav-menu a,.nav-menu a:hover{color:inherit;text-decoration:none}.Header{margin-top:5%;display:flex;align-items:center;flex-direction:column;gap:35px}.Header h1{text-align:center;width:70%;font-size:90px;font-weight:600}.Header p{width:50%;text-align:center;font-size:24px;line-height:40px}.Header-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500;margin-bottom:50px}.header-connect{padding:25px 45px;border-radius:50px;border:2px solid #FFF;transition:.5s;cursor:pointer}.header-resume{padding:25px 75px;border-radius:50px;border:2px solid #FFF;transition:.5s;cursor:pointer}.header-connect:hover,.header-resume:hover{border:2px solid #FFF;background-color:#444;transform:scale(1.05)}.about{margin-top:5%;padding:40px;background-color:#161523;color:#fff;font-family:Arial,sans-serif}.about-title{text-align:center;font-size:2.5rem;margin-bottom:50px}.about-content{display:flex;justify-content:center;align-items:center;gap:20%;flex-wrap:wrap}.about-profile{width:220px;height:220px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid white}.about-text{background-color:#1e1e1e;border:2px solid white;border-radius:10px;padding:30px;width:400px;min-height:250px;box-sizing:border-box;font-size:1.1rem;line-height:1.6;color:#e0e0e0;text-align:left}.cards{margin-top:3%;margin-bottom:5%;display:flex;flex-wrap:wrap;justify-content:center;gap:5rem}.card{width:320px;min-height:500px;background-color:#1e1e1e;border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 15px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:scale(1.05);box-shadow:0 15px 25px #00000080}.card img{width:100%;height:192px;-o-object-fit:cover;object-fit:cover}.card-content{padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-description{font-size:.9rem;margin-bottom:1rem;color:#d1d1d1}.card-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.card-tech span{background-color:#fff;color:#000;font-size:.75rem;padding:.25rem .5rem;border-radius:9999px}.card-button{background-color:#fff;color:#000;padding:.5rem 1rem;border-radius:.375rem;text-decoration:none;transition:background-color .3s ease;align-self:flex-start}.card-button:hover{background-color:#e5e5e5}.skills{margin-bottom:8%;padding:40px;background-color:#161523;color:#fff;font-family:Arial,sans-serif}.skills-title{text-align:center;font-size:2.5rem;margin-bottom:50px}.icon-comp{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.icon-box{background-color:#1e1e1e;border:2px solid white;border-radius:10px;padding:30px;width:300px;box-sizing:border-box;text-align:center;transition:transform .3s ease}.icon-box:hover{transform:scale(1.05)}.icon-box h2{margin-bottom:20px;font-size:1.4rem}.icon-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.icon-grid img{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.icon-grid img:hover{transform:scale(1.2)}