diff options
| author | Jan Tuomi <jans.tuomi@gmail.com> | 2022-07-11 19:48:41 +0300 |
|---|---|---|
| committer | Jan Tuomi <jans.tuomi@gmail.com> | 2022-07-11 19:48:41 +0300 |
| commit | a8f7708592dd4f1f4825b31780a7cfbd7e7de9df (patch) | |
| tree | f255c6367a1d3d1fe9376b9ebc353da5a152446a /src/styles.css | |
Initial commit
Diffstat (limited to 'src/styles.css')
| -rw-r--r-- | src/styles.css | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/src/styles.css b/src/styles.css new file mode 100644 index 0000000..2fbdda2 --- /dev/null +++ b/src/styles.css @@ -0,0 +1,87 @@ +:root {
+ --purple: #683863;
+ --grid-gap: 10px;
+}
+
+html {
+ font-family: 'Roboto', sans-serif;
+ color: var(--purple);
+ width: 100%;
+}
+
+body {
+ max-width: 1440px;
+ margin: 78px auto;
+ padding: 10px;
+
+ display: flex;
+ flex-flow: column nowrap;
+ align-items: flex-start;
+}
+
+header {
+ position: relative;
+ margin-bottom: 200px;
+}
+
+h1 {
+ font-family: 'Amiri', serif;
+ font-size: 128px;
+ font-weight: 400;
+ line-height: 109px;
+ margin: 5px 0;
+ padding: 0;
+ white-space: nowrap;
+}
+
+h2 {
+ font-family: 'Roboto', sans-serif;
+ font-size: 30px;
+ font-weight: 400;
+ color: var(--purple);
+ margin: 0;
+}
+
+h3 {
+ font-family: 'Amiri', serif;
+ font-size: 48px;
+ font-weight: 400;
+}
+
+#swoosh {
+ position: absolute;
+ top: 0;
+ right: 0;
+ max-width: 85%;
+}
+
+#logo {
+ position: absolute;
+ top: 62px;
+ left: 612px;
+}
+
+.gallery {
+ display: flex;
+ flex-flow: row wrap-reverse;
+ justify-content: space-evenly;
+ width: calc(100% + var(--grid-gap));
+ margin: 0 calc(-0.5 * var(--grid-gap));
+}
+
+.gallery .column {
+ display: flex;
+ flex-flow: column nowrap;
+ justify-content: flex-start;
+ flex: 1;
+ margin: 0 calc(0.5 * var(--grid-gap));
+}
+
+.gallery .column a {
+ margin-bottom: var(--grid-gap);
+ min-width: 400px;
+}
+
+.gallery .column img {
+ width: 100%;
+}
|