Hactoberfest2025-/Loader.css at master · deepshikhatutorials/Hactoberfest2025- · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
body {  display: flex;
          justify-content: center;
		  align-items: center;
		  min-height: 100vh;}

.loading {  max-width: 50%;
             line-height: 1.4;
			 font-size: 1.2rem;
			 font-weight: bold;
			 text-align: center;}

.loading__author {  font-weight: normal;
                    font-size: 0.9rem;
					color: rgba(189,189,189 ,1);
					margin: 0.6rem 0 2rem 0;
					display: block;}

.loading__anim {  width: 35px;
                   height: 35px; }


.loading__anim {  width: 35px;  height: 35px;
                 display: inline-block;
				 border: 5px solid rgba(189,189,189 ,0.25);
				 border-left-color: rgba(3,155,229 ,1);
				 border-top-color: rgba(3,155,229 ,1);
                 border-radius:50%;

                     animation: rotate 600ms infinite linear;}

 @keyframes rotate { from
                     {  transform: rotate(0turn) }
                    to
                     {  transform: rotate(1turn) }
                   }