2020-06-14 13:22:07 +00:00
|
|
|
.container {
|
|
|
|
height: 100%;
|
2020-06-14 14:45:20 +00:00
|
|
|
|
2020-06-14 13:22:07 +00:00
|
|
|
border-radius: 16px;
|
|
|
|
background-color: var(--lightDark);
|
2020-06-14 14:45:20 +00:00
|
|
|
|
|
|
|
cursor: pointer;
|
2020-06-14 13:22:07 +00:00
|
|
|
overflow: hidden;
|
2020-06-14 14:45:20 +00:00
|
|
|
|
|
|
|
transform: translateY(0);
|
|
|
|
transition: transform 0.3s ease-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container:hover {
|
|
|
|
transform: translateY(-2%);
|
2020-06-14 13:22:07 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.cover {
|
2020-06-14 14:45:20 +00:00
|
|
|
height: 256px;
|
2020-06-14 13:22:07 +00:00
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2020-06-14 14:45:20 +00:00
|
|
|
.avatarHolder {
|
|
|
|
margin: -36px 0 0 2rem;
|
|
|
|
}
|
|
|
|
|
2020-06-14 13:22:07 +00:00
|
|
|
.cardInfo {
|
2020-06-14 14:45:20 +00:00
|
|
|
padding: 0.5rem 2rem 2rem 2rem;
|
2020-06-14 13:22:07 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
font-size: 1.25em;
|
2020-06-14 14:45:20 +00:00
|
|
|
color: white;
|
2020-06-14 13:22:07 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.description {
|
|
|
|
width: auto;
|
|
|
|
max-width: 320px;
|
|
|
|
margin: 1rem 0;
|
|
|
|
}
|
2020-06-14 14:45:20 +00:00
|
|
|
|
|
|
|
@media screen and (max-width: 1440px) {
|
|
|
|
.container {
|
|
|
|
margin: 2rem 0;
|
|
|
|
}
|
|
|
|
}
|