FilesExpand file tree

main

/

styles.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

94 lines (81 loc) · 1.51 KB

main

/

styles.css

Copy path

Top

File metadata and controls

• Code
• Blame

94 lines (81 loc) · 1.51 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

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body {

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

line-height: 1.6;

color: #333;

background-color: #f8f9fa;

padding: 20px;

}

.container {

max-width: 800px;

margin: 0 auto;

background: white;

padding: 40px;

border-radius: 10px;

box-shadow: 0 4px 6px rgba(0,0,0,0.1);

}

header {

text-align: center;

margin-bottom: 30px;

}

h1 {

color: #2c3e50;

font-size: 2.5rem;

margin-bottom: 20px;

}

main p {

font-size: 1.1rem;

color: #666;

margin-bottom: 30px;

text-align: center;

}

.btn {

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

color: white;

border: none;

padding: 12px 30px;

border-radius: 5px;

font-size: 1rem;

cursor: pointer;

display: block;

margin: 0 auto 30px auto;

transition: transform 0.3s ease;

}

.btn:hover {

transform: translateY(-2px);

}

.api-result {

margin-top: 30px;

padding: 20px;

background: #f8f9fa;

border-radius: 5px;

border: 1px solid #e9ecef;

}

.api-result h3 {

margin-bottom: 15px;

color: #2c3e50;

}

#api-data {

background: white;

border: 1px solid #ddd;

border-radius: 3px;

padding: 15px;

white-space: pre-wrap;

font-family: 'Courier New', monospace;

font-size: 0.9rem;

}

@media (max-width: 768px) {

body {

padding: 10px;

}

.container {

padding: 20px;

}

h1 {

font-size: 2rem;

}

}