51 lines
689 B
CSS
51 lines
689 B
CSS
|
.container {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: flex-start;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.row {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin: 1rem 0 1rem 0.75rem;
|
||
|
|
|
||
|
|
transform: translateY(0);
|
||
|
|
transition: transform 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.row:hover {
|
||
|
|
transform: translateY(-15%);
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon {
|
||
|
|
width: 1.25rem;
|
||
|
|
height: 1.25rem;
|
||
|
|
margin-right: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.row b:hover {
|
||
|
|
transition: color 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bracket,
|
||
|
|
.email .icon,
|
||
|
|
.email b:hover {
|
||
|
|
color: var(--primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.github .icon,
|
||
|
|
.github b:hover {
|
||
|
|
color: var(--tertiary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.linkedin .icon,
|
||
|
|
.linkedin b:hover {
|
||
|
|
color: var(--quaternary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.location .icon,
|
||
|
|
.location b:hover {
|
||
|
|
color: var(--secondary);
|
||
|
|
}
|