*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#fff;color:#000;min-height:100vh;font-size:18px;scroll-behavior:smooth;scroll-padding-top:200px}#root{background-color:#fff;min-height:100vh}:root{--background-color: #ffffff;--text-color: #000000}.App{background-color:var(--background-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}.header{padding:2rem;border-bottom:1px solid #333;position:sticky;top:0;z-index:100;background-color:var(--background-color)}.header a{padding:1rem;color:(var(--text-color))}.main-content{flex:1;display:flex;padding:2rem;gap:4rem;flex-direction:column}.profile{display:flex;gap:2rem}.profile img{border-radius:50%;width:150px;height:150px;object-fit:cover;flex-shrink:0}.border{box-shadow:0 2px 4px #000;border:10px solid rgb(248,249,249);background-color:#f8f9f9}.aboutme{align-items:center;flex:1;border:10px solid rgb(248,249,249);background-color:#f8f9f9;border-radius:1rem;font-size:22px;margin-top:1rem}.mainheader{font-size:2rem}.singleskill{display:flex;gap:2rem}.projects{display:flex}.footer{padding:1rem;border-top:1px solid #333;text-align:center}