stats 섹션 꾸미기
/* Stats */
.stats {
padding-top: 100px;
animation: slideInFromBottom 1s ease-in;
}
.stats-heading {
max-width: 500px;
margin: auto;
}
.stats .grid h3 {
font-size: 35px;
}
.stats .grid p {
font-size: 20px;
font-weight: bold;
}
cli 섹션
/* Cli */
.cli .grid {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.cli .grid > *:first-child {
grid-column: 1 / span 2;
grid-row: 1 / span 2;
}
cloud 섹션
/* Cloud */
.cloud .grid {
grid-template-columns: 4fr 3fr;
}
language 섹션
/* Languages */
.languages .flex {
flex-wrap: wrap;
}
.languages .card {
text-align: center;
margin: 18px 10px 40px;
transition: transform 0.2s ease-in;
}
.languages .card h4 {
font-size: 20px;
margin-bottom: 10px;
}
.languages .card:hover {
transform: translateY(-15px);
}