@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{background:linear-gradient(135deg,#1a1d2e,#1e2a3a,#243447)}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:10%;padding-right:10%}.btn{background-color:#10b981;color:#1e293b;padding:14px 25px;font-size:15px;border-radius:10px;border:.5px solid #10b981;cursor:pointer;outline:0;display:inline-flex;align-items:center;justify-content:center}@media(max-width:1200px){.container{padding-left:5%;padding-right:5%}.btn{padding:14px 22px}}@keyframes appear{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}nav{width:100%;background:#1a1d2ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#10b981;padding:4px 0;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid rgba(16,185,129,.8);z-index:10}.left-corner{display:flex;gap:10px;align-items:center;color:#e5e7eb;font-size:20px}.initials{width:50px;height:50px}nav ul li{display:inline-block;list-style:none;margin:20px;font-size:16px}.menu_icon{display:none}@media(max-width:1000px){nav ul li{margin:10px 15px}}@media(max-width:830px){nav{padding:15px 0;background:none;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none}nav ul{position:fixed;top:0;right:0;bottom:0;background:#1a1d2ecc;border-left:.5px solid rgba(16,185,129,.8);z-index:-1;width:200px;padding-top:70px;transition:.5s;display:flex;flex-direction:column;align-items:center}.menu_icon{display:block;width:50px;cursor:pointer}.hide-menu{right:-200px}}.hero{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-text{text-align:center;max-width:800px}.hero-text h1{color:#e5e7eb;font-size:60px;font-weight:600}.hero-text p{color:#9ca3af;max-width:700px;margin:10px auto 20px;line-height:1.4}.buttons{display:flex;gap:20px}.projects{margin:30px auto;width:90%;display:flex;flex-direction:column;gap:30px}.text-card{margin-left:10px;margin-right:10px;color:#9ca3af;border:1px solid #10b981;padding:20px;border-radius:12px;animation:appear linear;animation-timeline:view();animation-range:entry 0}.card-header{display:flex;justify-content:space-between;align-items:center;color:#e5e7eb}.card-header h3{font-size:1.4rem;color:#e5e7eb}.date{font-size:.9rem;color:#9ca3af;opacity:.9}.subtitle{font-size:1rem;color:#10b981;margin-bottom:12px}.card-list{color:#9ca3af;padding-top:5px;padding-left:15px}.card-list li{margin-bottom:5px}.project-tags{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.tag{color:#10b981;border:1px solid #10b981;padding:4px 10px;border-radius:6px;font-size:.75rem}.project-link{display:inline-block;margin-top:16px;color:#10b981;text-decoration:none;font-weight:600;border:1px solid #10b981;padding:6px 14px;border-radius:6px;transition:all .2s ease}.project-link:hover{background:#10b981;color:#000}.title{text-align:left;color:#e5e7eb;font-size:40px;font-weight:600;text-transform:none;margin:70px 0 5px;padding-left:25px;animation:appear linear;animation-timeline:view();animation-range:entry 0}.title h2{font-size:20px;color:#9ca3af;margin-top:5px;text-transform:none;animation:appear linear;animation-timeline:view();animation-range:entry 0}.about-me{margin:100px auto;display:flex;align-items:center;justify-content:space-between;width:90%}.about-me-left{flex-basis:40%;animation:appear linear;animation-timeline:view();animation-range:entry 0}.about-me-right{flex-basis:56%;animation:appear linear;animation-timeline:view();animation-range:entry 0}.me{width:400px;border-radius:10px}.about-me h3{font-weight:600;font-size:16px;color:#e5e7eb}.about-me h2{font-size:35px;color:#9ca3af;margin:10px 0;max-width:400px}.about-me p{color:#9ca3af;margin-bottom:15px}@media(max-width:1000px){.me{width:200px;border-radius:10px}.about-me h3{font-weight:600;font-size:13px;color:#e5e7eb}.about-me h2{font-size:30px;color:#9ca3af;margin:10px 0;max-width:400px}.about-me p{color:#9ca3af;margin-bottom:15px}}@media(max-width:768px){.about-me{flex-direction:column;justify-content:center;margin:60px auto}.about-me-left{display:none}.about-me-right{flex-basis:100%;width:100%;text-align:center}.about-me h2{font-size:28px;margin:10px auto;max-width:100%}.about-me p{text-align:center;margin:0 auto 15px}}.my-life{margin:30px auto;width:90%;display:flex;flex-direction:column}.my-life-desc{color:#9ca3af;margin-bottom:40px;font-size:15px;font-weight:600;line-height:1.5;text-align:left;animation:appear linear;animation-timeline:view();animation-range:entry 0}.my-life-image img{width:100%;border-radius:10px;display:block;animation:appear linear;animation-timeline:view();animation-range:entry 0}.my-life-image{position:relative;animation:appear linear;animation-timeline:view();animation-range:entry 0}.my-life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.caption{border-radius:10px;position:absolute;inset:0;background:#000f984d;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#10b981;cursor:pointer;opacity:0;padding-top:70%;transition:.4s}.my-life-image:hover .caption{opacity:1;padding-top:0}.contacts-page{margin:20px auto;width:90%;display:flex;flex-direction:column}.desc{color:#9ca3af;margin-bottom:40px;font-size:15px;font-weight:600;line-height:1.5;text-align:left}.contacts{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:20px}.contact-form{width:100%}.contact-form ul{padding:0;margin:0}.contact-form li{padding:0;margin-top:15px;list-style:none;margin-bottom:14px;overflow:hidden;position:relative;clear:both}li.half{width:49%;margin-left:2%;float:left;clear:none}li.half:first-child{margin-left:0}input[type=text],input[type=email]{width:100%;border:0;height:50px;font-size:15px;background:#374151;padding:0 20px;box-sizing:border-box;color:#10b981}textarea{width:100%;border:0;height:50px;font-size:15px;background:#374151;padding:20px;min-height:150px;box-sizing:border-box;color:#10b981}@media(max-width:850px){.contacts{display:flex;flex-direction:column}}.experience{margin:30px auto;width:90%;display:flex;flex-direction:column}.subhead{font-size:30px;font-weight:600;color:#e5e7eb;animation:appear linear;animation-timeline:view();animation-range:entry 0}.work{display:flex;flex-direction:column;margin-bottom:20px;gap:20px}.school{display:flex;flex-direction:column;gap:20px}