diff options
Diffstat (limited to 'assets/css/main.css')
| -rw-r--r-- | assets/css/main.css | 68 |
1 files changed, 6 insertions, 62 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 6a65a21..d3355d9 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,13 +1,12 @@ @font-face { - font-family: 'Nouveau IBM'; - src: url('/assets/fonts/Nouveau_IBM.ttf') format('truetype'); + font-family: 'Averia Serif'; + src: url('/assets/fonts/AveriaSerif-Light.ttf') format('truetype'); } :root { - --main-bg-color: #202020; - --main-fg-color: #00B140; - --font-family: 'Nouveau IBM', monospace; - --text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color); + --main-bg-color: #ffffff; + --main-fg-color: #000000; + --font-family: 'Averia Serif', serif; } *, @@ -26,18 +25,15 @@ body { font-family: var(--font-family); background-color: var(--main-bg-color); background-size: 2px 2px; - /* text-shadow: var(--text-shadow); */ } ::selection { color: var(--main-bg-color); background: var(--main-fg-color); - /* text-shadow: var(--text-shadow); */ } ::-moz-selection { color: var(--main-bg-color); background: var(--main-fg-color); - /* text-shadow: var(--text-shadow); */ } .footer { @@ -46,7 +42,7 @@ body { width: 100%; padding-top: 10px; padding-bottom: 10px; - color: var(--main-fg-color); + color: rgba(0, 0, 0, 0.6); } a { @@ -124,10 +120,6 @@ td { padding-top: 20px; } -.cursor::after { - height: 2.2rem; -} - .center { text-align: center; } @@ -207,62 +199,15 @@ pre::-webkit-scrollbar { display: none; } -code { - line-height: 2.4rem; - font-family: var(--font-family); -} - input { font-family: var(--font-family); } -.typewriter-1 { - overflow: hidden; - white-space: nowrap; - margin: 0 auto; - animation: typing 3s steps(40, end); -} - -.typewriter-2 { - overflow: hidden; - visibility: hidden; - white-space: nowrap; - margin: 0 auto; - animation: typing 3s steps(40, end); - animation-delay: 2.5s; - animation-fill-mode: forwards; -} - -@keyframes typing { - 0% { width: 0; visibility: visible; } - 100% { width: 100%; visibility: visible; } -} - -.typewriter-2::after { - filter: brightness(0.9); - background-color: var(--main-fg-color); - /* box-shadow: var(--text-shadow); */ - content: ''; - display: inline-block; - width: 0.9rem; - height: 1.3rem; - margin-left: -6px; - animation: cursor-blink 1s steps(1, start) infinite; - animation-delay: 3.5s; -} - -@keyframes cursor-blink { - 0% { visibility: visible; } - 50% { visibility: hidden; } - 100% { visibility: visible; } -} - #search-box { border-radius: 0; border-color: var(--main-fg-color); color: var(--main-fg-color) !important; background-color: var(--main-bg-color); - /* text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color); */ } #search-btn { @@ -270,5 +215,4 @@ input { border-color: var(--main-fg-color); color: var(--main-fg-color); background-color: var(--main-bg-color); - /* text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color); */ } |
