OSCode-Website/components/Layout.module.css at af52b28b923cea8a0a51d3eb1397af9b786ef9da · OSCode-Community/OSCode-Website · 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
42
43
44
45
.appBarBg {
  background: rgba(22, 21, 21, 0.35);
  /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); */
  backdrop-filter: blur(5.5px);
  -webkit-backdrop-filter: blur(5.5px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: aliceblue;
}
.btn {
  transition: 0.3s;
  color: aliceblue;
}
.btn:hover {
  background: #00c9ff; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #92fe9d,
    #00c9ff
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #92fe9d,
    #00c9ff
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  -webkit-animation: btn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: btn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer {
  color: aliceblue;
  background-image: linear-gradient(
    134.6deg,
    rgba(201, 37, 107, 1) 15.4%,
    rgba(116, 16, 124, 1) 74.7%
  );
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 900px) {
  .navItemsLg{
    display: none;
  }
}