56 lines
1,001 B
CSS
56 lines
1,001 B
CSS
|
body {
|
||
|
|
font-family: Arial, sans-serif;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
background-color: #222831;
|
||
|
|
color: #eeeeee;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header {
|
||
|
|
text-align: center;
|
||
|
|
background-color: #30475e;
|
||
|
|
color: #eeeeee;
|
||
|
|
padding: 20px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#profile-photo {
|
||
|
|
width: 150px;
|
||
|
|
height: 150px;
|
||
|
|
border-radius: 50%;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
border: 4px solid #eeeeee;
|
||
|
|
}
|
||
|
|
|
||
|
|
#about-me, #skills, #projects, #experiences {
|
||
|
|
padding: 20px;
|
||
|
|
max-width: 800px;
|
||
|
|
margin: 20px auto;
|
||
|
|
background-color: #393e46;
|
||
|
|
border: 1px solid #2c2f33;
|
||
|
|
border-radius: 4px;
|
||
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
border-bottom: 2px solid #30475e;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card {
|
||
|
|
border: 1px solid #2c2f33;
|
||
|
|
padding: 10px;
|
||
|
|
border-radius: 4px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
background-color: #323742;
|
||
|
|
transition: background-color 0.3s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card:last-child {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card:hover {
|
||
|
|
background-color: #393e46;
|
||
|
|
}
|