FilesExpand file tree

 main

/

styles.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

94 lines (80 loc) · 1.21 KB

 main

/

styles.css

Copy path

Top

File metadata and controls

• Code
• Blame

94 lines (80 loc) · 1.21 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

body {

margin: 0;

padding: 0;

font-family: sans-serif;

background: #f1f5f8;

line-height: 2.2;

font-size: 0.875rem;

}

ul {

list-style-type: none;

}

a {

text-decoration: none;

}

nav {

background: white;

box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}

.fa-bars {

font-size: 1.5rem;

color: #e94949;

cursor: pointer;

}

.fa-bars:hover {

color: black;

}

.menu a {

color: grey;

letter-spacing: 0.1rem;

display: block;

padding: 0.5rem 1rem;

transition: all 0.3s linear;

}

.menu a:hover {

background: #f8a5a5;

color: #e94949;

padding-left: 1.5rem;

}

.menu {

height: 0;

overflow: hidden;

transition: all 0.3s linear;

}

.show-menu {

height: 10rem;

}

.nav-header {

display: flex;

align-items: center;

justify-content: space-between;

padding: 1rem;

}

@media (min-width: 800px) {

.nav-main {

max-width: 1170px;

margin: 0 auto;

display: flex;

align-items: center;

justify-content: space-between;

padding: 1rem;

}

.nav-header {

padding: 0;

}

.fa-bars {

display: none;

}

.menu {

height: auto;

display: flex;

}

.menu a {

padding: 0;

margin: 0 0.5rem;

}

.menu a:hover {

padding: 0;

background: transparent;

}

}