|
|
@@ -2,13 +2,13 @@
|
|
|
:root {
|
|
|
--tile-margin: .9vw;
|
|
|
--caption-hmargin: calc(2 * var(--tile-margin));
|
|
|
- --caption-vmargin: calc(1 * var(--tile-margin));
|
|
|
+ --caption-vmargin: calc(1.5 * var(--tile-margin));
|
|
|
--body-margin: 3.6vw;
|
|
|
--theme-color: #46c8a5;
|
|
|
/* --tile-margin: 12.75px; */
|
|
|
/* --body-margin: 66px; */
|
|
|
--header-inner-space: calc(8 * var(--tile-margin));
|
|
|
- --header-space: calc(10 * var(--tile-margin) - 10px);
|
|
|
+ --header-space: calc(10 * var(--tile-margin) - 10px + var(--tile-margin));
|
|
|
}
|
|
|
/* Columns */
|
|
|
@media (min-width: 1501px) {
|
|
|
@@ -243,7 +243,7 @@ main {
|
|
|
flex-direction: row;
|
|
|
flex-wrap: wrap;
|
|
|
justify-content: flex-start;
|
|
|
- margin-top: var(--header-space);
|
|
|
+ margin-top: calc(var(--header-space) - var(--tile-margin));
|
|
|
/* margin: 0; */
|
|
|
/* margin-top: calc(var(--header-space) + var(--body-margin)); */
|
|
|
position: static;
|
