summaryrefslogtreecommitdiff
path: root/index.css
diff options
context:
space:
mode:
Diffstat (limited to 'index.css')
-rw-r--r--index.css85
1 files changed, 42 insertions, 43 deletions
diff --git a/index.css b/index.css
index 5537759..dd14a8f 100644
--- a/index.css
+++ b/index.css
@@ -1,49 +1,48 @@
body {
- width: 60vw;
- height: 100vh;
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- font-size: 16px;
- background-color: transparent;
- color: black;
- padding: 0;
- margin: auto;
-
+ width: 60vw;
+ height: 100vh;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ font-size: 16px;
+ background-color: transparent;
+ color: black;
+ padding: 0;
+ margin: auto;
}
header {
- width: 100%;
+ width: 100%;
}
header > h1 {
font-weight: bold;
- font-size: 2rem;
- padding-top: 1rem;
+ font-size: 2rem;
+ padding-top: 1rem;
padding-bottom: 0.5rem;
- margin: 0;
+ margin: 0;
}
header > nav {
- margin-top: 0.5rem;
- margin-bottom: 1rem;
- padding-left: 0.25rem;
+ margin-top: 0.5rem;
+ margin-bottom: 1rem;
+ padding-left: 0.25rem;
}
header > nav > ul {
- display: flex;
- flex-direction: row;
- list-style-type: none;
- margin: 0;
- padding: 0;
+ display: flex;
+ flex-direction: row;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
}
header > nav > ul > li {
- padding-right: 1rem;
+ padding-right: 1rem;
}
header > nav > ul a {
- text-decoration: none;
- color: blue;
- font-size: 18px;
+ text-decoration: none;
+ color: blue;
+ font-size: 18px;
border-bottom: 1px solid transparent;
}
@@ -53,43 +52,43 @@ header > nav > ul a:hover {
}
h2 {
- font-size: 1.5rem;
+ font-size: 1.5rem;
}
section {
- width: 100%;
+ width: 100%;
}
p {
- text-align: left;
+ text-align: left;
}
section a {
- color: blueviolet;
+ color: blueviolet;
}
section a:hover {
- opacity: 0.7;
+ opacity: 0.7;
}
/* Image styling */
#image_container {
- display: flex;
- flex-direction: row;
- transition: transform 100ms ease-in-out;
+ display: flex;
+ flex-direction: row;
+ transition: transform 100ms ease-in-out;
flex: 0 1 auto;
width: 100%;
overflow: auto;
}
#image_container .image_item {
- width: 240px;
- transition: opacity 100ms ease-in-out;
- padding: 0;
- margin: 0;
- padding-right: 12px;
- cursor: pointer;
- position: relative;
+ width: 240px;
+ transition: opacity 100ms ease-in-out;
+ padding: 0;
+ margin: 0;
+ padding-right: 12px;
+ cursor: pointer;
+ position: relative;
}
#image_container .image_item:hover > img {
@@ -97,12 +96,12 @@ section a:hover {
}
.image_item > figcaption {
- font-size: 10px;
- font-style: italic;
+ font-size: 10px;
+ font-style: italic;
}
.image_item > img {
- width: inherit;
+ width: inherit;
border-radius: 3px;
border: 2px solid rgba(0, 0, 0, 0.3);
}