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}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#efefef;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;scroll-behavior:smooth}img{border-radius:8px;display:block;max-width:100%}a{color:#07c;text-decoration:none}a:hover{text-decoration:underline}section{margin:auto;max-width:1000px;padding:60px 20px}h1,h2{color:#e1e1e1;margin-bottom:20px}h2{border-bottom:2px solid #ccc;color:#111;padding-bottom:5px}#hero{background-color:#333;color:#fff;padding:80px 20px;text-align:center}.profile-pic{margin-top:20px}.profile-pic img{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000004d;display:block;height:150px;margin:0 auto;object-fit:cover;width:150px}#hero h1{font-size:2.8rem;margin-bottom:15px}#hero p{font-size:1.2rem;margin:auto;max-width:600px}#resume{padding-bottom:10px}#resume ul{list-style:disc;margin-bottom:20px;margin-left:20px}#resume a{font-weight:700}.skills-grid{grid-gap:15px;background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:10px;padding:15px}.skills-grid div{background-color:#fff;border-radius:6px;font-size:.95rem;padding:8px}#projects{display:flex;flex-direction:column;gap:40px}.project{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000000d;padding:20px}.project h3{margin-bottom:10px}.project p{margin:10px 0}.projects-screenshot{background-color:#fff;border-radius:10px;box-shadow:0 4px 14px #00000014;margin-left:auto;margin-right:auto;margin-top:20px;max-width:100%;padding:4px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%}.projects-screenshot img{border-radius:8px;height:auto;width:100%}.projects-screenshot:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}#about p{font-size:1.1rem;max-width:800px}#contact p{margin-bottom:10px}#contact a{font-weight:700}footer{background-color:#222;color:#bbb;font-size:.9rem;padding:30px 20px;text-align:center}@media (max-width:768px){nav ul{flex-direction:column;gap:10px}#hero h1{font-size:2rem}#projects{gap:30px}}
/*# sourceMappingURL=main.b529af5c.css.map*/