FilesExpand file tree

main

/

javascript.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

90 lines (83 loc) · 1.55 KB

main

/

javascript.css

Copy path

Top

File metadata and controls

• Code
• Blame

90 lines (83 loc) · 1.55 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

@import url("https://fonts.googleapis.com/css2?family=Anonymous+Pro&family=Crimson+Text:wght@700&family=Roboto&display=swap");

body {

margin: 0;

}

/* HEADER */

.header {

padding: 1rem;

background-color: #f7e017;

max-width: 60rem;

display: flex;

margin-left: auto;

margin-right: auto;

justify-content: space-between;

}

.header h1 {

font-family: monospace;

}

/* PAGE SECTION */

main {

padding: 1rem;

text-align: justify;

max-width: 60rem;

margin-left: auto;

margin-right: auto;

background-color: hsl(43, 18%, 92%);

}

.description p {

font-family: "Roboto", sans-serif;

}

.container2 p {

font-size: 1.1rem;

font-family: "Roboto", sans-serif;

}

.container2 input {

border: none;

border-bottom: 0.125rem solid rgba(19, 19, 21, 0.6);

outline: none;

padding-left: 0.875rem;

font-size: 1.2rem;

font-family: "Roboto", sans-serif;

width: 98%;

min-height: 3rem;

}

/* LIST OF PAGES */

#pages ol {

display: flex;

flex-direction: column;

flex-wrap: wrap;

gap: 0.2rem;

height: 70rem;

list-style: none;

padding-left: 0;

}

#pages ol li {

padding: 0.5rem;

height: fit-content;

/* width: 100%; */

cursor: pointer;

}

#pages ol li:hover {

background-color: #ffeb7f;

border-radius: 0.5rem;

}

#pages ol li a {

display: block;

font-size: 1.3rem;

text-decoration: none;

color: black;

width: 100%;

}

/* stuff */

@media (max-width: 830px) {

ol {

flex-wrap: nowrap;

height: 100%;

}

}

@media (max-width: 700px) {

ol {

display: block !important;

height: 100% !important;

}

}