67 lines
1.3 KiB
CSS
67 lines
1.3 KiB
CSS
/* CSS Document */
|
|
@font-face {
|
|
font-family: "Clockopia";
|
|
src: url("../fonts/Clockopia.ttf") format("truetype");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "LuxiSans";
|
|
src: url("../fonts/luxisr.ttf") format("truetype");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
body {
|
|
background-color: #0e0016;
|
|
color: white;
|
|
font-family: "LuxiSans", sans-serif;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: "Clockopia", sans-serif;
|
|
letter-spacing: 0.05em;
|
|
color: #CBC3E3;
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 6px;
|
|
justify-content: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.buttons img {
|
|
width: 88px;
|
|
height: 31px;
|
|
border: none;
|
|
image-rendering: pixelated;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
-webkit-transition: none !important;
|
|
-o-transition: none !important;
|
|
transition: none !important;
|
|
-webkit-animation: none !important;
|
|
animation: none !important;
|
|
-webkit-animation-play-state: paused !important;
|
|
animation-play-state: paused !important;
|
|
scroll-behavior: auto !important;
|
|
}
|
|
}
|
|
|
|
#night {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #0e0016;
|
|
z-index: -9999;
|
|
}
|