65 lines
1.1 KiB
CSS
65 lines
1.1 KiB
CSS
body {
|
|
font-family: Arial, sans-serif;
|
|
scroll-behavior: smooth;
|
|
background-color: #f0f4f8;
|
|
color: #333;
|
|
margin: 0;
|
|
}
|
|
|
|
h1, h2, h5 { font-weight: 700; }
|
|
|
|
section {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
padding: 80px 20px;
|
|
}
|
|
|
|
#hero {
|
|
background: linear-gradient(135deg, #e1f5fe, #b3e5fc);
|
|
}
|
|
|
|
#about {
|
|
background: linear-gradient(135deg,#e8f5e9,#c8e6c9);
|
|
text-align: center;
|
|
}
|
|
|
|
#projects {
|
|
background: linear-gradient(135deg,#fff3e0,#ffe0b2);
|
|
}
|
|
|
|
#contact {
|
|
background: linear-gradient(135deg,#f3e5f5,#e1bee7);
|
|
}
|
|
|
|
.hero-content span {
|
|
color: #0277bd;
|
|
}
|
|
|
|
.project-card, .contact-card {
|
|
border-radius: 15px;
|
|
transition: transform 0.3s, box-shadow 0.3s;
|
|
}
|
|
|
|
.project-card:hover, .contact-card:hover {
|
|
transform: scale(1.05);
|
|
box-shadow: 0 12px 25px rgba(0,0,0,0.15);
|
|
}
|
|
|
|
.navbar-nav a {
|
|
transition: color 0.3s, transform 0.3s;
|
|
}
|
|
|
|
.navbar-nav a:hover {
|
|
color: #01579b;
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
section p {
|
|
font-size: 1.1rem;
|
|
max-width: 800px;
|
|
}
|