|
|
@@ -1,6 +1,6 @@
|
|
|
html {
|
|
|
font-family: 'Exo 2', sans-serif;
|
|
|
- background-color: #ECF0F1;
|
|
|
+ background-color: #ecebe5;
|
|
|
}
|
|
|
|
|
|
.github-corner svg {
|
|
|
@@ -59,26 +59,27 @@ p.links a {
|
|
|
font-family: 'Fira Mono', monospace;
|
|
|
}
|
|
|
|
|
|
-.terminal, .terminal .terminal-fill {
|
|
|
+.terminal,
|
|
|
+.terminal .terminal-fill {
|
|
|
padding: 1.2em;
|
|
|
margin-bottom: 2em;
|
|
|
}
|
|
|
|
|
|
.terminal,
|
|
|
-.terminal-output > :not(.raw) span,
|
|
|
-.terminal-output > :not(.raw) a,
|
|
|
-.terminal-output > :not(.raw) div,
|
|
|
+.terminal-output> :not(.raw) span,
|
|
|
+.terminal-output> :not(.raw) a,
|
|
|
+.terminal-output> :not(.raw) div,
|
|
|
.cmd,
|
|
|
.cmd span,
|
|
|
.cmd div {
|
|
|
font-family: 'Fira Mono', monospace;
|
|
|
}
|
|
|
|
|
|
-.terminal-output > div {
|
|
|
+.terminal-output>div {
|
|
|
padding-bottom: 1em;
|
|
|
}
|
|
|
|
|
|
-.terminal-output > div.terminal-command {
|
|
|
+.terminal-output>div.terminal-command {
|
|
|
padding-bottom: 0em;
|
|
|
}
|
|
|
|
|
|
@@ -116,7 +117,37 @@ p.links a {
|
|
|
|
|
|
/* Github Badge */
|
|
|
|
|
|
-.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
|
|
|
+.github-corner:hover .octo-arm {
|
|
|
+ animation: octocat-wave 560ms ease-in-out
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes octocat-wave {
|
|
|
+
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ transform: rotate(0)
|
|
|
+ }
|
|
|
+
|
|
|
+ 20%,
|
|
|
+ 60% {
|
|
|
+ transform: rotate(-25deg)
|
|
|
+ }
|
|
|
+
|
|
|
+ 40%,
|
|
|
+ 80% {
|
|
|
+ transform: rotate(10deg)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (max-width:500px) {
|
|
|
+ .github-corner:hover .octo-arm {
|
|
|
+ animation: none
|
|
|
+ }
|
|
|
+
|
|
|
+ .github-corner .octo-arm {
|
|
|
+ animation: octocat-wave 560ms ease-in-out
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
html {
|
|
|
@@ -138,7 +169,7 @@ p.links a {
|
|
|
filter: drop-shadow(0 0 10px #ECF0F1);
|
|
|
}
|
|
|
|
|
|
- #insect-logo > path {
|
|
|
+ #insect-logo>path {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
David Peter
