body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll}body{background-color:#2c3e50;color:#fff;padding-top:60px}a{text-decoration:none;color:#e74c3c}a:hover{color:#c0392b}.App{text-align:center;margin:25px}.nav{display:flex;gap:2rem;padding:0 1rem;margin-top:10px;position:fixed;top:0;width:100%;background-color:#2c3e50;z-index:1000}.nav ul{padding:0;list-style:none;display:flex;gap:1rem;font-size:1.5rem;margin:0 25% 0 auto}.nav a{color:inherit;text-decoration:none;height:100%;display:flex;align-items:center;padding:.25rem}.nav li.active{text-decoration:underline;color:#ddd}.page{text-align:center}.page h1{margin-top:50px}.page p{margin-bottom:20px;width:500px;margin-left:auto;margin-right:auto}.page ul{list-style-type:none}.home-image{border-radius:50%;height:250px;width:auto;margin-top:30px}.cv-image{border-radius:50%;height:150px;width:auto;margin-top:30px}.section-heading{margin-top:50px}.info-card{padding:16px;border:1px solid #ccc;border-radius:15px;background-color:#2c3e50;width:750px;max-width:90%;color:#fff;margin:20px auto;text-align:center;list-style:none}.project-card{min-height:350px;max-width:750px;margin:50px auto 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;background-color:#34495e;border-radius:10px;transition:transform .3s,box-shadow .3s;text-align:center}.project-card:hover{transform:scale(1.05);box-shadow:0 0 15px #0000004d}.project-card img{width:auto;height:100px;border-radius:8px;margin-bottom:15px}.project-card h1{color:#ecf0f1;font-size:1.25rem;margin:0;flex-grow:1;overflow:hidden;text-overflow:ellipsis;max-height:3em}.project-card p{color:#bdc3c7;margin:10px 0}.project-card a{color:#e74c3c;font-weight:700;text-decoration:none;margin-top:auto;transition:color .3s}.project-card a:hover{color:#c0392b}.project-image{width:100px;height:auto}.social-links{position:fixed;left:0;right:0;display:flex;justify-content:center;padding:10px}.social-links a{color:#fff}.social-icon{height:50px;width:auto;margin:10px}@media(max-width:768px){body{padding-top:50px}.App{margin:15px}.nav{flex-direction:row;justify-content:space-between;align-items:center;padding:10px}.nav ul{flex-direction:row;gap:1rem;margin:0 10% 0 auto;font-size:1rem}.nav a{padding:.5rem;font-size:1.2rem}.cv-image{height:100px;margin-top:20px}.home-image{height:250px;margin-top:20px}.page p{width:90%;margin-left:auto;margin-right:auto}.project-card{min-height:auto;margin-top:50px;padding:15px}.project-card img{height:80px}.project-card h1{font-size:1rem;max-height:2em}.project-card p{font-size:.9rem}.social-links{position:relative;flex-wrap:wrap;gap:10px}.social-icon{height:40px;margin:20px}.section-heading{margin-top:30px}}