#education-container{display:flex;flex-direction:column;margin-left:250px;padding:40px;background-color:#181818;min-height:100vh;color:#fff;transition:margin-left .3s ease}#education-container h2{color:#00ffe7;margin-bottom:30px;font-size:32px;text-align:left}.education-section{margin-left:10%;margin-bottom:30px;font-size:18px;line-height:1.6}.education-section h3{margin-bottom:8px;font-size:22px;font-weight:600}.education-section p{margin:3px 0}.experience-title{margin-top:50px;margin-bottom:30px;color:#00ffe7;font-size:32px;text-align:left}.experience-section{font-size:18px;line-height:1.6;margin-bottom:30px}@media (max-width: 1024px){#education-container{margin-left:0;padding:30px 20px}.education-section{margin-left:0}#education-container h2,.experience-title{font-size:28px}.education-section h3{font-size:20px}.education-section,.experience-section{font-size:16px}}@media (max-width: 480px){#education-container{padding:20px 15px}#education-container h2,.experience-title{font-size:24px}.education-section h3{font-size:18px}.education-section,.experience-section{font-size:14px}}#sidebar{width:250px;height:100vh;background-color:#1e1e1e;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:fixed;left:0;top:0;border-right:1px solid #333;z-index:1000}#sign{margin-top:30px;margin-bottom:20px;width:100%;display:flex;justify-content:center}#sign img{width:70%;height:auto;object-fit:contain}#list{margin-top:40%;width:100%}#list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;width:100%}#list ul li{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#393e46;width:80%;font-size:18px;padding:10px 20px;cursor:pointer;transition:.3s;border-radius:8px;align-self:center;color:#daf4f5;text-align:center}#list ul li:hover{background-color:#333;color:#00ffe7}#list ul li:active{background-color:#00ffe7;color:#000;transform:scale(.97)}@media (max-width: 768px){#sidebar{width:100%;height:auto;flex-direction:row;position:fixed;top:0;left:0;border-right:none;border-bottom:1px solid #333;justify-content:flex-start;align-items:center;padding:10px 0}#sign{margin:0;padding:0 10px}#sign img{width:40px;height:40px}#list{width:100%}#list ul{flex-direction:row;justify-content:space-around;height:auto;width:100%;gap:10px}#list ul li{font-size:16px;padding:8px 12px;width:auto}#list{margin-top:0;padding-right:10%}}@media (max-width: 480px){#list ul li{font-size:14px;padding:6px 10px}}#projects-container{margin-left:250px;padding:40px 60px;background-color:#121212;min-height:100vh;color:#f0f0f0;max-width:100vw;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#projects-container h2{font-size:2.8rem;margin-bottom:50px;font-weight:700;color:#eee;text-align:center;letter-spacing:2px}.project{display:flex;gap:40px;background-color:#1f1f1f;border-radius:16px;padding:25px 30px;margin-bottom:40px;align-items:center;box-shadow:0 4px 12px #000000b3;transition:background-color .3s ease,box-shadow .3s ease}.project:hover{background-color:#292929;box-shadow:0 6px 20px #000000e6}.left{flex:0 0 160px;display:flex;flex-direction:column;align-items:center;gap:20px}.left img{width:120px;height:120px;border-radius:16px;object-fit:cover;cursor:pointer;border:3px solid transparent;transition:border-color .3s ease;box-shadow:0 2px 8px #00000080}.left img:hover{border-color:#aaa;box-shadow:0 4px 12px #aaa9}.left h3{margin:0;font-size:1.3rem;font-weight:600;color:#ccc;text-align:center}.right{flex:1;font-size:1rem;line-height:1.6;color:#bbb;-webkit-user-select:text;user-select:text}@media (max-width: 900px){#projects-container{margin-left:0;padding:30px 20px}.project{flex-direction:column;padding:20px;gap:20px}.left{flex:none;flex-direction:row;gap:15px;justify-content:flex-start;width:100%}.left img{width:80px;height:80px;border-radius:12px}.left h3{font-size:1.1rem;align-self:center;text-align:left}.right{font-size:.95rem}}@media (max-width: 480px){#projects-container{padding-top:20%}#projects-container h2{font-size:2rem}.left img{width:60px;height:60px}.left h3{font-size:1rem}.right{font-size:.9rem}}#skills{margin-left:250px;padding:40px;background-color:#181818;color:#fff;min-height:100vh;transition:margin-left .3s ease}#skills h2{font-size:32px;text-align:center;margin-bottom:40px;color:#e7e6e1}.skill-section{margin-bottom:50px}.skill-section h3{color:#83afa6;font-size:24px;margin-bottom:20px;text-align:left}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:25px;padding:0 10px}.skill-card{background-color:#222;border-radius:12px;text-align:center;padding:15px;box-shadow:0 0 10px #00ffe71a;transition:transform .3s ease,box-shadow .3s ease;cursor:default}.skill-card:hover{transform:translateY(-5px);box-shadow:0 0 15px #00ffe780}.skill-card img{width:50px;height:50px;object-fit:contain;margin-bottom:10px}.skill-card p{margin:0;font-size:14px;color:#e0e0e0}@media (max-width: 1024px){#skills{margin-left:0;padding:30px 20px}#skills h2{font-size:28px}.skill-section h3{font-size:22px}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px}.skill-card img{width:45px;height:45px}.skill-card p{font-size:13px}}@media (max-width: 768px){#skills{padding:25px 15px}#skills h2{font-size:24px}.skill-section h3{font-size:20px}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:15px}.skill-card img{width:40px;height:40px}.skill-card p{font-size:12px}}@media (max-width: 480px){#skills{padding:20px 10px}#skills h2{font-size:20px}.skill-section h3{font-size:18px}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.skill-card img{width:35px;height:35px}.skill-card p{font-size:11px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#121212;color:#fff}#about{margin-left:250px;padding:40px;min-height:100vh;background-color:#181818;display:flex;flex-direction:column;align-items:center;gap:30px}#image img{margin-top:30%;width:200px;height:200px;border-radius:50%;object-fit:cover;border:3px solid #247291;box-shadow:0 0 15px #247291}#content{font-size:22px;text-align:center;max-width:800px;line-height:1.6}#content p{color:#8f8787;margin-top:2%}#links{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}#links a img{width:40px;height:40px;transition:transform .2s ease,filter .3s ease}#links a:hover img{transform:scale(1.15);filter:brightness(1.2) drop-shadow(0 0 5px #3a4750)}#connect{padding:20px;display:flex;gap:40px;background-color:#181818;color:#fff;align-items:center}.contact{display:flex;align-items:center;gap:15px;background-color:#222;padding:10px 20px;border-radius:10px;box-shadow:0 0 8px #00ffe726;transition:transform .2s ease;max-width:400px}.contact:hover{transform:translateY(-2px);box-shadow:0 0 12px #00ffe74d}.contact img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 2px #00ffe7)}.contact p{margin:0;font-size:16px;white-space:nowrap}@media (max-width: 768px){#about{margin-left:0;padding:40px 20px}#image img{margin-top:10%;width:160px;height:160px}#content{font-size:20px;text-align:center}#connect{flex-direction:column;align-items:center;gap:20px}.contact{max-width:90%}}@media (max-width: 480px){#image img{width:130px;height:130px}#homes{padding-top:10%}#content{font-size:18px}#links a img{width:30px;height:30px}.contact{padding:8px 15px}.contact img{width:24px;height:24px}.contact p{font-size:14px}}
