styles.module.css52 lines · main

1	html {
2	background: #009688;
3	}
4	html,
5	body {
6	height: 100%;
7	}
8	body {
9	display: flex;
10	align-items: center;
11	justify-content: center;
12	}
13	.spin-loader {
14	border-radius: 80%;
15	display: block;
16	height: 50px;
17	width: 50px;
18	position: relative;
19	animation: spin 0.675s linear 0s infinite normal;
20	background: #26a69a;
21	}
22	.spin-loader:before,
23	.spin-loader:after {
24	content: '';
25	display: block;
26	position: absolute;
27	}
28	.spin-loader:before {
29	border-radius: 0 90px 90px 0;
30	height: 50px;
31	width: 50%;
32	top: 0;
33	right: 0;
34	z-index: 1;
35	background: #005041;
36	background-image: linear-gradient(#26a69a, #005041);
37	}
38	.spin-loader:after {
39	border-radius: 80%;
40	height: 40px;
41	width: 40px;
42	top: 50%;
43	left: 50%;
44	transform: translate(-50%, -50%);
45	z-index: 1;
46	background: #009688;
47	}
48	@keyframes spin {
49	to {
50	transform: rotate(360deg);
51	}
52	}