FazBrowse GitHub Viewer | Trending | | Home

Tools: [Download Repo ZIP] [View Raw Code] [Original HTTPS Page]

50Projects-HTML-CSS-JavaScript/Source-Code/QuizApp/style.css at main · aushmish/50Projects-HTML-CSS-JavaScript · GitHub

84 lines (72 loc) · 1.19 KB

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

/* styles.css */

body {

font-family: Arial, sans-serif;

background-color: #f4f4f9;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

}

.quiz-container {

background: #fff;

border-radius: 8px;

padding: 20px;

width: 300px;

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

}

h1 {

text-align: center;

color: #333;

}

#question-container {

margin-bottom: 20px;

}

#answer-container {

margin-bottom: 20px;

}

.answer-btn {

background-color: #4caf50;

color: white;

padding: 10px;

width: 100%;

margin: 5px 0;

border: none;

border-radius: 5px;

cursor: pointer;

transition: background-color 0.3s;

}

.answer-btn:hover {

background-color: #45a049;

}

#next-btn {

background-color: #008cba;

color: white;

padding: 10px;

width: 100%;

border: none;

border-radius: 5px;

cursor: pointer;

font-size: 16px;

}

#next-btn:disabled {

background-color: #ccc;

}

.hidden {

display: none;

}

#result-container {

text-align: center;

}

#restart-btn {

background-color: #f44336;

color: white;

padding: 10px;

border: none;

border-radius: 5px;

cursor: pointer;

width: 100%;

}

#restart-btn:hover {

background-color: #d32f2f;

}

Back | FazBrowse Home | New Git URL