ux_ui_designer

1
.burger-menu {
2
  position: relative;
3
  top: 3px;
4
}
5
@media screen and (min-width: 660px) {
6
  .burger-menu {
7
    display: none;
8
  }
9
}
10
.burger-menu__icon {
11
  z-index: 1000;
12
  right: 20px;
13
  cursor: pointer;
14
}
15

16
.burger-menu__icon:active {
17
  fill: #d28d0c;
18
}
19
.menu {
20
  width: 100vw;
21
  position: fixed;
22
  top: 0;
23
  right: 0;
24
  height: 100%;
25
  overflow-x: hidden;
26
  transition: 0.3s;
27
  z-index: 1;
28

29
  background-image: url("../../assets/images/Background.png");
30

31
  display: flex;
32
  justify-content: center;
33
  align-items: center;
34
}
35
@media screen and (max-width: 350px) {
36
  .menu {
37
    width: 110vw;
38
  }
39
}
40

41
.menu__list {
42
  list-style: none;
43
  padding: 0;
44
  display: flex;
45
  flex-direction: column;
46
  align-items: center;
47
}
48
.menu__link {
49
  text-decoration-thickness: 1px;
50
  text-underline-offset: 4px;
51
}
52

53
li {
54
  margin: 10px 0;
55
  cursor: pointer;
56
  font-size: 17px;
57
}
58
li a {
59
  color: #333;
60
  text-transform: uppercase;
61
}
62
li a:hover {
63
  color: #a5a5a5;
64
}
65
li a:active {
66
  color: #d28d0c;
67
}
68