70 lines
1.3 KiB
CSS
70 lines
1.3 KiB
CSS
@import "./animations.css";
|
|
@import "./font.css";
|
|
|
|
:root {
|
|
--white: #ffffff;
|
|
--yellow: #d3b910;
|
|
--cyan: #0dd2e8;
|
|
--green: #06e00a;
|
|
--pinkish: #d506e0;
|
|
--red: #e8180d;
|
|
--blue: #0536fc;
|
|
|
|
--dark-one: #000000;
|
|
--dark-two: #050505;
|
|
--dark-three: #121212;
|
|
--dark-four: #101010;
|
|
--dark-fife: #3a3b3c;
|
|
--dark-six: #c0c0c0;
|
|
|
|
--radius: 8px;
|
|
/*
|
|
old shadow animation
|
|
--def-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
|
|
rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
|
|
rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
|
|
*/
|
|
--text-shadow: 0px 10px 20px rgba(90, 90, 90, 0.8);
|
|
--box-shadow: rgba(20, 20, 20, 0.19) 0px 10px 20px, rgba(30, 30, 30, 0.23) 0px 6px 6px;
|
|
--border-color: #2f2f2f;
|
|
}
|
|
|
|
* {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
background: var(--dark-one);
|
|
font-family: "Ubuntu", sans-serif;
|
|
overflow-x: hidden;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
}
|
|
|
|
::selection {
|
|
background: rgba(100, 100, 100, 0.5);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
border-radius: 5px;
|
|
width: 1px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #181818;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #282828;
|
|
}
|
|
|
|
.glitch {
|
|
animation-name: colorAnimation;
|
|
animation-iteration-count: infinite;
|
|
animation-duration: 10s;
|
|
}
|