aboutsummaryrefslogtreecommitdiff
path: root/public/style.css
diff options
context:
space:
mode:
authorJoris2021-01-09 14:34:30 +0100
committerJoris2021-01-09 14:34:30 +0100
commite1c6d1e505c2978538827d92b50b3f6902256fc3 (patch)
tree81b97bc10ad119e8206419babb4adb54cabaf15f /public/style.css
parentd90d0cdaa8dc0d85a69c12c756f8dad993f7e49c (diff)
Rename style.css to main.css
Diffstat (limited to 'public/style.css')
-rw-r--r--public/style.css185
1 files changed, 0 insertions, 185 deletions
diff --git a/public/style.css b/public/style.css
deleted file mode 100644
index cd207a5..0000000
--- a/public/style.css
+++ /dev/null
@@ -1,185 +0,0 @@
-/* Constants */
-
-:root {
- /* Colors */
- --color-brown: #A56D35;
- --color-dark-brown: #6A4115;
- --color-blue: #515170;
- --color-light-gray: #EEEEEE;
- --color-dark-gray: #666666;
-}
-
-/* Animation */
-
-@keyframes appear {
- 0.0% {
- transform: translateX(0.8rem);
- opacity: 0;
- }
- 100.0% {
- transform: translateX(0);
- }
-}
-
-/* Media */
-
-@media screen and (max-width: 500px) {
- html {
- font-size: 90%;
- }
-}
-
-@media screen and (min-width: 500px) and (max-width: 900px) {
- html {
- font-size: 100%;
- }
-}
-
-@media screen and (min-width: 900px) {
- html {
- font-size: 110%;
- }
-}
-
-/* Style */
-
-body {
- overflow-x: hidden;
- margin: 0;
- line-height: 1.8rem;
-}
-
-.g-Main {
- animation-name: appear;
- animation-duration: 0.2s;
- animation-timing-function: ease-in;
- animation-iteration-count: 1;
- width: 80%;
- margin: 0 auto;
-}
-
-svg {
- width: inherit;
- height: inherit;
-}
-
-ul {
- list-style-type: none;
- padding-left: 0;
-}
-
-.g-Paragraph {
- margin-bottom: 1rem;
-}
-
-.g-List {
- padding-left: 0;
- margin: 0.5rem 0 1rem 0.5rem;
-}
-
-.g-List__Item::before {
- content: "•";
- color: var(--color-brown);
- display: inline-block;
- margin-right: 0.5rem;
-}
-
-.g-List__Item {
- padding: 0.2rem 0;
-}
-
-.g-Image {
- border: solid 1px var(--color-dark-gray);
- border-radius: 0.5rem;
- margin-bottom: 1rem;
- width: 100%;
- max-width: 900px;
-}
-
-.g-Header {
- background-color: var(--color-brown);
- display: flex;
-}
-
-.g-Header__Link {
- display: flex;
- font-size: 1.5rem;
- font-weight: bold;
- justify-content: center;
- align-items: center;
- flex-grow: 1;
- flex-basis: 0;
- height: 3.5rem;
- text-decoration: none;
- padding: 0;
- text-align: center;
- color: #ffffff;
-}
-
-.g-Header__Link:hover,
-.g-Header__Link:focus,
-.g-Header__Link--Current {
- border-bottom: var(--color-dark-brown) solid 0.6rem;
-}
-
-.g-IconLink__Link {
- text-decoration: none;
- color: var(--color-blue);
- transition: color 0.3s ease-out 0.0s;
- display: inline-flex;
- align-items: center;
-}
-
-.g-IconLink__Link:focus {
- outline: solid 0 #ffffff;
-}
-
-.g-IconLink__Link:hover,
-.g-IconLink__Link:focus {
- text-decoration: underline;
-}
-
-.g-IconLink__Icon {
- margin-right: 1rem;
- height: 1.2rem;
-}
-
-.g-Resume__Title {
- margin: 2.5rem 0 0.5rem;
-}
-
-.g-Resume__Title > em {
- font-style: normal;
- border-bottom: solid 0.2rem var(--color-brown);
-}
-
-.g-Section__Title {
- color: var(--color-brown);
- font-size: 1.8rem;
- font-weight: lighter;
- margin-bottom: 2rem;
- margin-top: 3.5rem;
- border-bottom: 0.2rem solid var(--color-brown);
- padding-bottom: 0.5rem;
- letter-spacing: 0.1rem;
-}
-
-.g-Section__Entries {
- padding-left: 0;
-}
-
-.g-Skills {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 1rem;
- padding-left: 0;
-}
-
-.g-Skills__Item {
- font-size: 0.8rem;
- margin-right: 1rem;
- margin-bottom: 0.5rem;
- background-color: var(--color-light-gray);
- border-radius: 0.1rem;
- padding: 0 0.5rem;
-}