codecafecommunity.github.io/src/index.css at ab62e6b5187092755ba64ff57ba23cc678672b63 · CodeCafeCommunity/codecafecommunity.github.io · 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
37
38
39
40
41
@tailwind base;
@tailwind components;
@tailwind utilities;

#hero {
  background-image: radial-gradient(
      circle at 70% 60%,
      rgba(36, 14, 31, 0.2) 00%,
      rgba(36, 14, 31, 0.6) 10%,
      rgba(36, 14, 31, 0.87) 40%
    ),
    url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 0H0v36h36V0zM15.126 2H2v13.126c.367.094.714.24 1.032.428L15.554 3.032c-.188-.318-.334-.665-.428-1.032zM18 4.874V18H4.874c-.094-.367-.24-.714-.428-1.032L16.968 4.446c.318.188.665.334 1.032.428zM22.874 2h11.712L20 16.586V4.874c1.406-.362 2.512-1.468 2.874-2.874zm10.252 18H20v13.126c.367.094.714.24 1.032.428l12.522-12.522c-.188-.318-.334-.665-.428-1.032zM36 22.874V36H22.874c-.094-.367-.24-.714-.428-1.032l12.522-12.522c.318.188.665.334 1.032.428zm0-7.748V3.414L21.414 18h11.712c.362-1.406 1.468-2.512 2.874-2.874zm-18 18V21.414L3.414 36h11.712c.362-1.406 1.468-2.512 2.874-2.874zM4.874 20h11.712L2 34.586V22.874c1.406-.362 2.512-1.468 2.874-2.874z' fill='%23f0b052' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.outer {
  background: rgba(0, 0, 0, 0)
    linear-gradient(
      145deg,
      rgba(0, 17, 34, 0.733),
      rgba(0, 17, 34, 0.4),
      rgba(0, 17, 34, 0.733)
    );
  box-shadow:
    rgba(255, 255, 255, 0.15) 0px 1px 1px 0px inset,
    rgba(93, 50, 50, 0.3) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.5) 0px 30px 60px -30px,
    rgba(178, 161, 103, 0.3) -10px 10px 60px -10px;
}

.inner {
  background: repeating-conic-gradient(
      rgba(0, 0, 0, 0.067) 0deg,
      rgba(0, 0, 0, 0.067) 0.0001%,
      rgba(0, 0, 0, 0) 0deg,
      rgba(0, 0, 0, 0) 0.0002%
    ),
    rgba(0, 17, 34, 0.533);
  box-shadow:
    rgba(82, 0, 0, 0.6) 0px 1px 1px 0px inset,
    rgba(93, 50, 59, 0.7) 0px 5px 10px 0px;
}