j4pm/website/style.css

87 lines
1.2 KiB
CSS
Raw Permalink Normal View History

2022-04-02 02:57:25 +00:00
@font-face {
font-family: "Unifont";
src: local("Unifont"), url(unifont-13.0.06.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
}
.nobreak {
white-space: nowrap;
display: inline-block;
}
html,
body {
height: 100%;
width: 100vw !important;
height: 100vh !important;
align-items: center;
justify-content: center;
}
@keyframes crab {
from {
2022-04-02 03:02:02 +00:00
top: -200vh
2022-04-02 02:57:25 +00:00
}
to {
2022-04-02 03:02:02 +00:00
top: 50vh
2022-04-02 02:57:25 +00:00
}
}
.crab {
position: relative;
display: flex;
font-size: 9vh;
padding: 1vh;
line-height: 1;
text-decoration: none;
white-space: nowrap;
2022-04-02 03:02:02 +00:00
width: 50px;
2022-04-02 02:57:25 +00:00
animation-name: crab;
animation-fill-mode: backwards;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
#shit {
display: flex;
align-items: center;
flex-direction: column;
}
body {
color: white;
background-color: black;
text-align: center;
}
.monospace {
font-family: Unifont, monospace;
line-height: 100%;
}
.big {
font-size: 1.5em;
}
.r {
color: #cb2027;
}
.b {
color: #4b3b97;
}
.server {
color: #ffd700;
}
.link {
text-decoration: none;
}