2023-04-06 10:36:11 +05:00
|
|
|
.page {
|
2023-07-21 09:56:07 +05:00
|
|
|
padding: 2em 1.5em;
|
2023-04-06 10:36:11 +05:00
|
|
|
}
|
|
|
|
|
|
|
|
.row {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
gap: 1em;
|
|
|
|
margin-top: 3em;
|
|
|
|
}
|
|
|
|
|
2024-04-01 22:38:23 +05:00
|
|
|
@media screen and (min-width: 600px) {
|
|
|
|
.page {
|
|
|
|
padding: 2em 10em
|
|
|
|
}
|
|
|
|
.row {
|
|
|
|
gap: 4em;
|
|
|
|
}
|
2023-04-06 10:36:11 +05:00
|
|
|
}
|
|
|
|
|
2024-04-01 22:38:23 +05:00
|
|
|
.controls {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
gap: 1em;
|
2023-04-06 10:36:11 +05:00
|
|
|
}
|
|
|
|
|
2024-04-01 22:38:23 +05:00
|
|
|
.controls a {
|
2023-09-03 19:08:33 +05:00
|
|
|
display: flex;
|
|
|
|
gap: 8px;
|
2024-04-01 22:38:23 +05:00
|
|
|
align-items: center;
|
2023-09-03 19:08:33 +05:00
|
|
|
}
|
|
|
|
|
2024-04-01 22:38:23 +05:00
|
|
|
.controls a img {
|
2023-09-03 19:08:33 +05:00
|
|
|
filter: invert(100%);
|
2023-04-06 10:36:11 +05:00
|
|
|
}
|
|
|
|
|
2024-04-01 22:38:23 +05:00
|
|
|
h2 {
|
|
|
|
margin-top: 18px;
|
|
|
|
margin-bottom: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
filter: invert(100%);
|
2023-04-06 10:36:11 +05:00
|
|
|
}
|