aboutsummaryrefslogtreecommitdiff
path: root/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'style.css')
-rw-r--r--style.css102
1 files changed, 0 insertions, 102 deletions
diff --git a/style.css b/style.css
deleted file mode 100644
index ba4bea3..0000000
--- a/style.css
+++ /dev/null
@@ -1,102 +0,0 @@
-* {
- margin: 0;
- box-sizing: border-box;
-}
-
-@font-face {
- font-family: "OpenSans";
- src: url(/OpenSans-VariableFont_wdth,wght.ttf);
-}
-
-:root {
- --night: #0c090b;
- --pink: #ea46c5;
- --beige: #e9eddd;
- --rose: #9e0012;
-
- --green: #5a851c;
- --green-1: #486a16;
- --green-2: #364f10;
-
- color: var(--night);
-}
-
-body {
- font-family: OpenSans;
- background-color: #eee;
-}
-
-header section {
- padding-block: 0.6em;
- text-align: center;
- font-size: 32px;
- background-color: var(--green);
- display: grid;
- place-items: center;
- color: var(--beige);
-}
-
-@media (min-width: 500px) {
- header section {
- font-size: 48px;
- }
-}
-
-header nav {
- display: flex;
- justify-content: center;
- background-color: var(--green-1);
- gap: 0.5em;
-}
-
-header nav a, header nav a:visited {
- padding: 0.5em 1em;
- color: var(--beige);
- text-decoration: none;
-}
-
-main {
- padding: 2em;
- max-width: 1000px;
- margin-inline: auto;
-}
-
-main article {
- padding-bottom: 2em;
- display: grid;
- gap: 2em;
- grid-template-columns: auto;
- grid-template-areas: "p1" "img" "p2" "p3";
-}
-
-@media (min-width: 500px) {
- main article {
- grid-template-columns: auto auto;
- grid-template-areas: "p1 img" "p2 p2" "p3 p3";
- }
-}
-
-@media (min-width: 650px) {
- main article {
- grid-template-areas: "p1 img" "p2 img" "p3 img";
- }
-}
-
-main article img {
- max-width: 220px;
- height: auto;
- object-fit: contain;
- grid-area: img;
-}
-
-main section {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 0.5em 1em;
- padding-bottom: 1.2em;
-}
-
-main section img {
- width: 100%;
- height: auto;
-}