summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authortanyaionova <isaqtm@gmail.com>2019-10-29 14:23:04 +0300
committertanyaionova <isaqtm@gmail.com>2019-10-29 14:23:04 +0300
commitde7a1ce13c6a29a6e5cd1f7125b45cf1e088e2d2 (patch)
treeb1b8eb5921fa7e50ff28f6dfe17362a3d93d24a2
parent2d0d57edb8b5cf8e2baa37c531a536b86b8d96ba (diff)
downloadfcked-de7a1ce13c6a29a6e5cd1f7125b45cf1e088e2d2.tar.gz
Adjust css
-rw-r--r--light.css67
1 files changed, 16 insertions, 51 deletions
diff --git a/light.css b/light.css
index 671362c..dc51d13 100644
--- a/light.css
+++ b/light.css
@@ -1,74 +1,39 @@
body {
- background-color: #0a1010;
+ background-color: #001a15;
}
-.v2 {
- font-family: "Iosevka Term Web";
- font-weight: 100;
- font-size: 104px;
- text-align: left;
- margin: 5% 5% 0;
- overflow: hidden;
+.link {
+ font-family: Iosevka;
+ color: black;
+ padding: 0 8;
+ background-color: #ff66cc;
+ border-radius: 1px;
+ display: inline-block;
+ margin-top: 2px;
+ text-decoration: none;
}
-@keyframes cover-trans {
- to {
- shape-inside: polygon(0 0, 100% 0, 100% 100%, 0 100%);
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
- }
-}
-
-.main-rect {
- background-color: #132020;
- color: cyan;
- display: inline-block;
- padding: 0 20px;
- #shape-inside: polygon(0 0, 0px 0, 0px 100% 0 100%);
- #shape-padding: 20px;
-}
-
-.main-label {
- animation: cover-trans 1s;
- animation-delay: 0.2s;
- animation-fill-mode: forwards;
- animation-timing-function: linear;
- -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
-}
-
-.time {
- display: inline-block;
- margin-left: 5%;
- margin-top: 10px;
- animation: cover-trans 1.1s;
- animation-delay: 0.3s;
- animation-fill-mode: forwards;
- animation-timing-function: cubic-bezier(.41,.08,.46,.57);
- -webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
-}
-
-.name-label {
- font-size: 24;
- font-weight: 400;
- padding: 0px 8px;
- color: teal;
+.link-container {
+ margin: auto;
+ max-width: 600px;
}
@font-face {
- font-family: 'Iosevka Term Web';
+ font-family: 'Iosevka';
font-weight: 100;
font-style: normal;
src: url('woff2/iosevka-term-thin.woff2') format('woff2');
}
@font-face {
- font-family: 'Iosevka Term Web';
+ font-family: 'Iosevka';
font-weight: 200;
font-style: normal;
src: url('woff2/iosevka-term-extralight.woff2') format('woff2');
}
@font-face {
- font-family: 'Iosevka Term Web';
+ font-family: 'Iosevka';
font-weight: 400;
font-style: normal;
src: url('woff2/iosevka-term-regular.woff2') format('woff2');