body {
font-family: 'Segoe UI', sans-serif;
margin: 0;
background: linear-gradient(to right, #e3f2fd, #ffffff);
}

/* Header */

header {
background: linear-gradient(to right, #4CAF50, #2E7D32);
color: white;
padding: 40px 20px;
}

.header-container {
display: flex;
align-items: center;
gap: 25px;
flex-wrap: wrap;
}

/* Profile Photo */

.profile-photo {
width: 180px;
height: 180px;

border-radius: 50%;

object-fit: cover;
object-position: center;

border: 5px solid white;

box-shadow: 0px 4px 15px rgba(0,0,0,0.4);
}

/* Sections */

section {

background: white;

margin: 25px;

padding: 25px;

border-radius: 15px;

box-shadow: 0px 4px 10px rgba(0,0,0,0.1);

}

/* Headings */

h1 {
margin: 0;
}

h2 {
color: #2E7D32;
margin-bottom: 10px;
}

/* Skills */

ul {
list-style-type: square;
padding-left: 20px;
}

/* Projects */

.project {

margin-bottom: 20px;

padding: 15px;

border-left: 5px solid #4CAF50;

background: #f9f9f9;

border-radius: 8px;

}

.project a {

color: #1a73e8;

font-weight: bold;

text-decoration: none;

}

.project a:hover {

text-decoration: underline;

}

/* Drawings Grid */

.gallery {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

gap: 20px;

margin-top: 15px;

}

.gallery img {

width: 100%;
height: 200px;

object-fit: cover;

border-radius: 12px;

transition: transform 0.3s;

box-shadow: 0px 3px 8px rgba(0,0,0,0.2);

}

.gallery img:hover {

transform: scale(1.05);

}

/* Footer */

footer {

text-align: center;

background: linear-gradient(to right, #4CAF50, #2E7D32);

color: white;

padding: 15px;

margin-top: 20px;

}