autopref & typo
This commit is contained in:
parent
1a621b7009
commit
8c6fa37b77
4 changed files with 77 additions and 2 deletions
41
style.css
41
style.css
|
@ -7,13 +7,13 @@
|
|||
--desirable: #7eddcd;
|
||||
--detestable: #bd4c58;
|
||||
--accent: #ded5bd;
|
||||
--hover: ;
|
||||
|
||||
--link: #0c4649;
|
||||
--link-hover: #177479;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
@ -60,9 +60,17 @@ a:hover {
|
|||
}
|
||||
|
||||
nav {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-pack: space-evenly;
|
||||
-ms-flex-pack: space-evenly;
|
||||
justify-content: space-evenly;
|
||||
margin: auto;
|
||||
width: min(100%, 1000px);
|
||||
|
@ -88,6 +96,7 @@ nav a:hover {
|
|||
#subsystem {
|
||||
position: relative;
|
||||
height: 41px;
|
||||
-webkit-animation: glitch 1s infinite;
|
||||
animation: glitch 1s infinite;
|
||||
}
|
||||
#nonintrude {
|
||||
|
@ -143,6 +152,36 @@ blockquote b {
|
|||
color: var(--text);
|
||||
}
|
||||
|
||||
@-webkit-keyframes glitch {
|
||||
0% {
|
||||
text-shadow: #00a589c5 1px 1px 1px, #52525295 1px -1px;
|
||||
}
|
||||
13% {
|
||||
text-shadow: #00a589c5 1px -1px 1px, #52525295 -1px 1px;
|
||||
}
|
||||
15% {
|
||||
text-shadow: #00a589c5 -1px 1px 1px, #52525295 1px -1px;
|
||||
}
|
||||
38% {
|
||||
text-shadow: #00a589c5 1px -1px 1px, #52525295 -1px 1px;
|
||||
}
|
||||
50% {
|
||||
text-shadow: #00a589c5 -1px -1px 1px, #52525295 -1px 1px;
|
||||
}
|
||||
63% {
|
||||
text-shadow: #00a589c5 1px 1px 1px, #52525295 1px -1px;
|
||||
}
|
||||
75% {
|
||||
text-shadow: #00a589c5 -1px -1px 1px, #52525295 1px 0px;
|
||||
}
|
||||
88% {
|
||||
text-shadow: #00a589c5 1px 1px 1px, #52525295 -1px 1px;
|
||||
}
|
||||
100% {
|
||||
text-shadow: #00a589c5 -1px 1px 1px, #52525295 0px 1px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes glitch {
|
||||
0% {
|
||||
text-shadow: #00a589c5 1px 1px 1px, #52525295 1px -1px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue