*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Roboto,sans-serif;background:#171717;color:#cbd5e1}.home{height:10vh;width:55%;margin:0 auto;color:#cbd5e1}@media (max-width:600px){.home{width:100%}}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;margin:0;flex-wrap:wrap}.title{font-size:24px;font-weight:700;word-wrap:nowrap}.header-box{display:flex;justify-content:center;align-items:center;width:100%}.right-section{display:flex;align-items:center;gap:15px}.social-list{display:flex;list-style:none;padding:0;margin-top:10px;gap:10px}.social-item{position:relative}.social-link{display:flex;align-items:center;text-decoration:none}.icon{width:30px;height:30px;transition:transform .3s ease}.icon:hover{transform:scale(1.1)}.tooltip{position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 8px;border-radius:5px;font-size:12px;visibility:hidden;opacity:0;transition:opacity .3s ease}.social-link:hover .tooltip{visibility:visible;opacity:1}.email{height:5px;margin-bottom:5px}.email-link{text-decoration:none;color:#cbd5e1;font-weight:200;font-size:16px}.email-link:hover{text-decoration:underline}@media (max-width: 600px){.header{flex-direction:column;align-items:center;text-align:center;margin:0 auto}.right-section{flex-direction:column;align-items:center;justify-content:center;gap:10px}.header-box{flex-direction:column;align-items:center;justify-content:center}.title{font-size:24px;text-align:center}.icon{width:25px;height:25px}.social-list{justify-content:center;align-items:center;gap:15px}.email{font-size:14px}}p ul li{margin:20px 0 0 30px;font-weight:100;line-height:1.5}h2{margin:30px 0 0 20px;font-size:1.5rem;font-weight:200}.about_heading{font-size:1.2rem;font-weight:300!important;color:#e2e8f1}.skills-section{margin-top:20px;width:100%}.skills-title{font-size:1.3rem;font-weight:700;margin-bottom:5px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;justify-content:center;max-width:100%;margin:auto;padding:10px 30px}.skill-item{background-color:#efe8e8;color:#1a1919;padding:10px 15px;border-radius:8px;font-size:14px;max-width:100px;display:flex;align-items:center;justify-content:center;font-weight:500;box-shadow:0 2px 4px #0003;transition:transform .2s ease}.skill-item:hover{transform:scale(1.05)}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.skill-item{font-size:12px;padding:8px 12px}}@media (max-width: 480px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.skill-item{font-size:10px;padding:6px 10px}}