File tree Expand file tree Collapse file tree 1 file changed +0
-55
lines changed
Expand file tree Collapse file tree 1 file changed +0
-55
lines changed Original file line number Diff line number Diff line change 1616*/
1717
1818
19- @import url ('https://fonts.bunny.net/css?family=Karla:400,700&display=swap' );
20- @import url ('https://fonts.bunny.net/css2?family=Noto+Sans+Mono:400,700&display=swap' );
21-
22-
2319/* Grid
2420–––––––––––––––––––––––––––––––––––––––––––––––––– */
2521.container {
6258 html is set to 62.5% so that all the REM measurements throughout Skeleton
6359 are based on 10px sizing. So basically 1.5rem = 15px :) */
6460
65- html {
66- font-size : 100% ; }
67-
68- /* Background
69- –––––––––––––––––––––––––––––––––––––––––––––––––– */
70-
71- body {
72- margin : 0 ;
73- padding : 0 ;
74- min-height : 100vh ;
75- font-family : var (--font );
76- background : radial-gradient (ellipse at bottom, var (--bgColor ) 0% , var (--bgColor2 ) 100% );
77- background-image : url ('https://r4.wallpaperflare.com/wallpaper/346/517/218/digital-art-artwork-illustration-environment-purple-background-hd-wallpaper-e09015a99f46aee3385f97f66bf67428.jpg' );
78- opacity : 0 ;
79- animation : 1s ease-out var (--delay ) 1 transitionAnimation; /* duration/timing-function/delay/iterations/name */
80- animation-fill-mode : forwards;
81- background-repeat : no-repeat;
82- background-size : cover;
83- position : relative;
84- color : # FFFFFF ;
85- }
86-
87-
88- /* Animation */
89- @keyframes transitionAnimation {
90- 0% {
91- opacity : 0 ;
92- transform : translateY (-10px );
93- }
94- 100% {
95- opacity : 1 ;
96- transform : translateY (0 );
97- }
98- }
99-
100- @keyframes animate {
101- 0% {
102- background-position : -500% ;
103- }
104- 100% {
105- background-position : 500% ;
106- }
107- }
10861
109- @keyframes animStar {
110- from {
111- transform : translateY (0px );
112- }
113- to {
114- transform : translateY (-2000px );
115- }
116- }
11762
11863 /* Typography
11964 –––––––––––––––––––––––––––––––––––––––––––––––––– */
You can’t perform that action at this time.
0 commit comments