@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500&family=Space+Grotesk:wght@300;500;700&family=Montserrat:wght@700&family=Outfit:wght@600&family=Syncopate:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);body{background:radial-gradient(circle at 10% 20%,#141414 0,#000 90.2%);margin:0;overflow:hidden;padding:0}.home-container{display:flex;flex-direction:column;height:100vh;width:100%}.top-bar{box-sizing:border-box;justify-content:space-between;padding:30px 85px;width:100%}.logo,.top-bar{align-items:center;display:flex}.logo{color:#fff;font-family:Space Grotesk,sans-serif;font-size:18px;gap:10px;letter-spacing:.9px}.logo img{border-radius:50%;cursor:pointer;height:45px;width:45px}.Navbar{font-family:Inter,sans-serif}.bar-container{display:flex;gap:80px;list-style:none;margin:0;padding:0}.nav-bar-items{color:#fff;cursor:pointer;font-size:18px;font-weight:500;position:relative}.cv-button{align-items:center;animation:cvPulse 3s infinite;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 15px #fff3;color:#000;display:inline-flex;font-size:14px;font-weight:800;height:52px;justify-content:center;letter-spacing:.5px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:52px}.cv-button:before{background:linear-gradient(120deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s;width:100%}.cv-button:hover:before{left:100%}.cv-button:hover{background:#000;border-color:#fff;box-shadow:0 0 25px #ffffff80,inset 0 0 10px #fff3;color:#fff;transform:scale(1.1) rotate(5deg)}@keyframes cvPulse{0%{box-shadow:0 0 0 0 #fff6}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 0 0 #fff0}}.nav-bar-items:after{background-color:#00ff9c;bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .5s ease;width:0}.nav-bar-items:hover:after{width:100%}.content{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin-top:-10px;padding:6%}.text-content{max-width:800px}.main-content{color:#fff;font-family:Space Grotesk,sans-serif;font-size:52px;font-weight:700;letter-spacing:-1.5px;line-height:1.1}.Typewriter__cursor{color:#00ff9c}.sub-content{color:#b0b0b0;font-family:Inter,sans-serif;font-size:18px;font-weight:300;letter-spacing:.2px;line-height:1.8;margin-top:25px}.profile-img{align-items:center;display:flex;justify-content:center}.profile-img img{border-radius:60px;height:auto;width:500px}.icons{display:flex;gap:40px;margin-top:25px}.icons a{display:inline-flex}.icon{color:#fff;display:inline-block;font-size:30px;transition:transform .3s ease,color .3s ease}.icons a:hover .icon{color:#00ff9c;transform:translateY(-3px)}a{color:inherit;text-decoration:none}.link{animation:fadeIn .9s ease-in-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.header-icons{color:#fff;display:flex;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500;height:-webkit-fit-content;height:fit-content;letter-spacing:2px;margin:80px 0 0;opacity:.5;padding:0;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.name-container{color:#b0b0b0;font-family:Inter,sans-serif;font-size:20px;font-weight:600;letter-spacing:5px;text-transform:uppercase}.resumer-container{margin-top:40px}.resume-btn{background:#0000;border:1px solid #fff6;border-radius:30px;color:#fff;display:inline-block;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;letter-spacing:2px;padding:8px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.resume-btn:hover{background:#fff;border-color:#fff;box-shadow:0 5px 15px #ffffff1a;color:#000;transform:translateY(-2px)}.skills-container{background-color:#000;background:radial-gradient(circle at 10% 20%,#141414 0,#000 90.2%);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;padding-bottom:60px;padding-left:5%;padding-right:5%}.skill-grid,.tools-grid{display:flex;flex-direction:column;margin-bottom:20px}.skill-header h1,.tools-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(90deg,#fff 20%,#444 80%);-webkit-background-clip:text;display:flex;font-family:Bebas Neue,sans-serif;font-size:50px;letter-spacing:4px;margin-bottom:30px}.skill-header h1:before,.tools-header h1:before{background:#fff;content:"";display:inline-block;height:40px;margin-right:15px;width:4px}.skill-icons,.tools-icon{grid-gap:30px;animation:fadeUp 1s ease-out forwards;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:10px}.img-icon{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;height:140px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.img-icon:after{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);content:"";height:100%;opacity:0;position:absolute;transition:opacity .3s;width:100%}.img-icon img{filter:grayscale(0) opacity(.8) brightness(1.2);height:50px;transition:all .4s ease;width:50px;z-index:2}.icon-text{color:#bbb;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700;margin-top:12px;opacity:.7;text-transform:uppercase;transition:all .3s ease;z-index:2}.img-icon:hover{background:#ffffff12;border-color:#ffffff4d;transform:translateY(-8px)}.img-icon:hover img{transform:scale(1.1)}.img-icon:hover .icon-text{color:#fff;opacity:1}.github-icon img{filter:invert(1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.projects-container{align-items:flex-start;color:#fff;flex-direction:column;overflow:hidden}.projects-container,.projects-main-row{display:flex;justify-content:center;width:100%}.projects-header,.projects-main-row{align-items:center}.projects-header{display:flex;flex:1 1;flex-direction:column;text-align:center}.projects-header .title{font-family:Bebas Neue,sans-serif;font-size:55px;font-weight:700;letter-spacing:2px;margin-bottom:5px}.project-text{color:#ccc;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;max-width:500px}.nav-arrow{color:#888;cursor:pointer;font-size:80px;padding:15px;transition:color .3s}.nav-arrow:hover{border-color:#fff;color:#fff}.project-list{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:10px;margin-left:35px;overflow-x:scroll;-webkit-scrollbar-width:none;scrollbar-width:none;width:100%}.project-list::-webkit-scrollbar{display:none}.project-item{background:linear-gradient(145px,#111,#080808);border:1px solid #222;border-radius:30px;flex-shrink:0;height:420px;margin:20px;overflow:hidden;position:relative;transition:transform .3s ease,border-color .3s ease;width:320px}.project-item:before{content:"";height:100%;left:0;opacity:.05;pointer-events:none;position:absolute;top:0;width:100%}.project-item:hover{border-color:#444;transform:translateY(-10px)}.project-card{margin-left:5px;margin-top:20px}.project-header{display:flex;flex-direction:column;margin-left:20px}.title-line{font-family:Bebas Neue,sans-serif;font-size:26px;font-weight:bolder;letter-spacing:2.5px;line-height:1.2}.title-line.second{margin-left:15px;margin-top:2px}.project-type{border:2px solid #333;border-radius:20px;color:#999;font-family:Inter,sans-serif;font-size:14px;height:-webkit-fit-content;height:fit-content;letter-spacing:1px;margin-left:190px;margin-top:-55px;padding:8px 10px;transition:all .3s;width:-webkit-fit-content;width:fit-content}.project-type:hover{border-color:#555;color:#fff}.project-desc{color:#cfcfcf;font-family:Inter,sans-serif;font-size:19px;line-height:1.5;margin:50px 10px}.project-techs{display:flex;flex-wrap:wrap;font-family:Inter,sans-serif;gap:15px;margin-left:20px}.project-techs span{border:1px solid #444;border-radius:17px;color:#aaa;font-size:16px;padding:10px;transition:all .3s}.project-techs span:hover{border-color:#666;color:#fff;cursor:pointer}.action-btn{display:flex;gap:30px;margin:20px}.live-btn{background:#a5d8ff;border:none;border-radius:25px;color:#000;cursor:pointer;flex:1 1;font-family:Bebas Neue,sans-serif;font-size:18px;font-weight:700;letter-spacing:1.5px;padding:12px;transition:.3s}.live-btn:hover{background:#fff}.code-btn{background:#0000;border:1px solid #444;border-radius:25px;color:#fff;cursor:pointer;flex:1 1;font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:1px;padding:12px;transition:.3s}.code-btn:hover{border-color:#fff}.slide-in{transform-origin:bottom}.slide-in,.slide-out{background:#0f0f0f;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:9999}.slide-out{transform-origin:top}
/*# sourceMappingURL=main.2a5e4c8b.css.map*/