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}#home{background-color:#fff0;padding:50px;text-align:center}#home h1{font-size:2.5em}#home .btn{background-color:#4caf50;border:none;color:#fff;cursor:pointer;font-size:1.2em;padding:10px 20px}#home .btn:hover{background-color:#45a049}.scrolling-banner{background-color:#fff0;color:#fff;font-size:2em;overflow:hidden;padding:20px 0;position:relative;white-space:nowrap;width:100%}.scrolling-banner p{animation:scroll 100s linear infinite;display:inline-block;padding-left:100%;padding-right:100%}@keyframes scroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.projects{background-color:#333;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px;padding:30px 0}.project-card{background-color:#fff0;padding:20px;transition:transform .3s ease;width:250px}.project-card:hover{transform:scale(1.05)}.phone-frame{border-radius:25px;box-shadow:0 4px 15px #0000004d;height:350px;margin:0 auto;overflow:hidden;position:relative;width:200px}.phone-frame img{animation:fold 1.5s ease-in-out forwards;height:100%;object-fit:cover;width:100%}@keyframes fold{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}header#home{align-items:flex-start;background:linear-gradient(135deg,#fff0,#fff0);color:#f0f0f0;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 20px;position:relative;text-align:left}header#home p{color:#e4e4e4;font-size:1.5rem;margin-bottom:30px}header#home .btn{background-color:#d6d3d3;border:none;border-radius:5px;color:#121212;cursor:pointer;font-size:1rem;padding:12px 25px;transition:transform .3s ease,background-color .3s ease}header#home .btn:hover{background-color:#00a2cc;transform:scale(1.1)}header#home .about{align-self:flex-end;background-color:#ffffff0d;border-left:4px solid #00c3ff;color:#e0e0e0;font-size:20px;line-height:1.5;margin-top:20px;max-width:600px;padding:15px;text-align:left}header#home h1{color:#00c3ff;font-size:4.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.about{font-size:2000px}section h2,section h3{color:#00c3ff;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;opacity:0;text-transform:uppercase;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}section.active h2,section.active h3{opacity:1;transform:translateY(0)}section p{color:#d4d4d4;font-size:1.2rem;margin-bottom:15px;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}section.active p{opacity:1;transform:translateY(0)}section ul li{background:linear-gradient(90deg,#00c3ff,#1a73e8);border-radius:5px;box-shadow:0 4px 6px #0003;color:#fff;font-size:1.1rem;margin:10px 0;opacity:0;padding:10px 20px;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out,background .5s}section.active ul li{opacity:1;transform:translateY(0)}section ul li:hover{background:linear-gradient(90deg,#1a73e8,#00c3ff);box-shadow:0 6px 12px #0006;transform:translateY(-5px)}section{border-bottom:1px solid #333;padding:80px 50px;text-align:center}section:last-of-type{border-bottom:none}section ul{list-style-type:none;margin:0;padding:0}.cv-container{color:#d4d4d4;font-size:1.2rem;line-height:1.6;margin:30px auto;max-width:800px;text-align:center}.cv-actions{display:flex;gap:20px;justify-content:center;margin-top:20px}.cv-button{border-radius:5px;box-shadow:0 4px 6px #0003;display:inline-block;font-size:1rem;font-weight:700;padding:12px 25px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cv-button.view{background:linear-gradient(90deg,#00c3ff,#1a73e8);color:#fff}.cv-button.view:hover{background:linear-gradient(90deg,#1a73e8,#00c3ff);transform:scale(1.05)}.cv-button.download{background:#333;border:2px solid #00c3ff;color:#00c3ff}.cv-button.download:hover{background:#00c3ff;color:#fff;transform:scale(1.05)}section ul li.tools{background:linear-gradient(90deg,#ff8c00,#ff6f00)}section ul li.tools:hover{background:linear-gradient(90deg,#ff6f00,#ff8c00)}.tools-list{background-color:#1a1a1a;border-radius:10px;padding:20px}.tools-list ul{padding-left:20px}.tools-list ul li{color:#333;font-size:1rem}.tools-list ul li span{color:#1d1c1c}section ul li.tools{border-radius:5px;box-shadow:0 4px 6px #0003;color:#fff;font-size:1.1rem;margin:10px 0;opacity:0;padding:10px 20px;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out,background .5s;transition-delay:calc(.2s*var(--index))}section.active ul li.tools{background:linear-gradient(90deg,#f7d3ca,#e78069);opacity:1;transform:translateY(0);transition:background .5s ease,transform .3s ease}section ul li.tools:hover{background:linear-gradient(90deg,#e78069,#f30);box-shadow:0 6px 12px #0006;transform:translateY(-5px);transition:background .5s ease,transform .3s ease}.tools-list ul li{background:none;color:#fff;margin:8px 0}.tools-list ul li span{color:#fff;font-weight:700}.projects h2{margin-bottom:2rem;text-align:center}.timeline{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;opacity:0;transform:translateY(20px);transition:all .5s ease}.timeline.animate{opacity:1;transform:translateY(0)}.timeline-step{align-items:center;border-radius:10px;display:flex;flex-direction:column;padding:10px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.timeline-step:hover{transform:scale(1.1);z-index:10}.step-icon{font-size:2rem;margin-bottom:.5rem;transition:transform .3s ease}.step-label{font-size:1rem;font-weight:700;transition:font-size .3s ease}.timeline-step:hover .step-icon{transform:scale(1.1)}.timeline-step:hover .step-label{font-size:1.5rem}.timeline-arrow{color:#aaa;font-size:2rem}.tooltip{background-color:#222;border-radius:5px;bottom:120%;color:#fff;font-size:.875rem;left:50%;opacity:0;padding:10px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;visibility:hidden;white-space:nowrap}.timeline-step:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(-10px);visibility:visible}.projects{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:20px}.projects h2{color:#00c3ff;font-size:1.7em}.project-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative}.project-card{background:#f9f9f9;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;padding:15px;position:relative;text-align:center;width:300px}.project-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.project-image-outside{opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .5s ease,transform .5s ease;z-index:10}.project-image-outside.left{left:-400px;width:340px}.project-card:hover~.project-image-outside.left{animation:slideInLeft .5s forwards}.project-image-outside.right{right:-400px;width:340px}.project-card:hover~.project-image-outside.right{animation:slideInRight .5s forwards}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translateX(-20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translateX(20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.project-image-outside img{border-radius:8px;box-shadow:0 4px 8px #0003;width:100%}.contact{background:#3330;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;opacity:0;padding:2rem;transform:translateY(20px);transition:all .5s ease-in-out}.contact.active{opacity:1;transform:translateY(0)}form input,form textarea{background-color:#555;border:1px solid #ddd;border-radius:4px;color:#fff;display:block;margin:1rem 0;padding:.8rem;width:100%}form button{background-color:#ff6f61;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.8rem 1.5rem}form button:hover{background-color:#ff3b2e}.social-links a{color:#fff;margin-right:1rem}.social-links a:hover{color:#ff6f61}.contact h2{color:#fff;font-size:3rem;margin-bottom:1rem;text-align:left}.overlay-message{align-items:center;animation:fadeInOut 3s forwards;background-color:#00000080;color:#fff;display:flex;font-size:1.5em;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.social-links{display:flex;gap:20px;justify-content:center;margin-top:20px}.social-links a{color:#a3a3a3;text-decoration:none}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#1a1a1a;color:#e4e4e4;line-height:1.6;overflow-x:hidden}.appear{opacity:0;transform:translateY(50px);transition:all .5s ease-in-out}.appear.active{opacity:1;transform:translateY(0)}nav{align-items:center;background-color:#fcfbfb00;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;padding:20px 50px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}nav a{color:#f3efef;font-weight:500;margin:0 15px;text-decoration:none;transition:color .3s ease}nav a:hover{color:#00c3ff}header{align-items:center;background:linear-gradient(135deg,#121212,#1a1a1a);color:#f0f0f0;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}header h1{animation:fadeIn 1.5s ease-in-out forwards;font-size:4rem;font-weight:700;margin-bottom:20px}header p{animation:fadeIn 2s ease-in-out forwards;font-size:1.2rem;margin-top:10px}header .btn{background-color:#d6d3d3;border:none;border-radius:5px;color:#121212;cursor:pointer;font-size:1rem;margin-top:30px;padding:12px 25px;transition:transform .3s ease,background-color .3s ease}header .btn:hover{background-color:#00a2cc;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{margin:0 auto;max-width:1200px;padding:100px 50px;transition:opacity .5s ease,transform .5s ease}.about,.contact,.projects{margin-top:50px;text-align:center}section h2{color:#00c3ff;font-size:2.5rem;margin-bottom:30px}section p{color:#e4e4e4;font-size:1.1rem;line-height:1.8}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.project-card{background:#121212;border-radius:10px;box-shadow:0 4px 6px #0003;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 6px 12px #0006;transform:translateY(-10px)}.project-card img{height:200px;object-fit:cover;width:100%}.project-card h3{color:#00c3ff;font-size:1.5rem;margin:15px}.project-card p{color:#e4e4e4;font-size:1rem;margin:15px}.contact form{margin:0 auto;max-width:600px}.contact form button,.contact form input,.contact form textarea{background:#1a1a1a;border:1px solid #919090;border-radius:5px;color:#e4e4e4;font-size:1rem;margin:10px 0;padding:10px;width:100%}.contact form button{background-color:#00c3ff;color:#121212;cursor:pointer;transition:background-color .3s ease}.contact form button:hover{background-color:#00a2cc}footer{background-color:#fcfbfb00;color:#e4e4e4;font-size:.9rem;padding:20px;text-align:center}section{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}section.active{opacity:1;transform:translateY(0)}section h2,section p,section ul li{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}section.active h2,section.active p,section.active ul li{opacity:1;transform:translateY(0)}section ul li{transition-delay:calc(.2s*var(--index))}.mouse-circle{background-color:initial;border:2px solid #fff;border-radius:50%;height:40px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:transform .1s ease;width:40px;z-index:9999}nav a:hover~.mouse-circle{border-color:#00c3ff}.line{animation:slideDown 3s ease-in-out forwards,expand 2s ease-in-out 3s forwards,fadeOut .5s ease-in-out 5s forwards;background-color:#121212;height:0;left:50%;position:fixed;top:0;transform:translateX(-50%);width:2px;z-index:1000}@keyframes slideDown{0%{height:0}to{height:100%}}@keyframes expand{0%{width:2px}to{width:100%}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.site-content.hidden{opacity:0;transition:opacity .8s ease-in-out,visibility 0s 5s;visibility:hidden}.site-content{opacity:1;padding:20px;text-align:center;transition:opacity 1s ease-in-out;visibility:visible;z-index:500}
/*# sourceMappingURL=main.95d0a740.css.map*/