FilesExpand file tree

 main

/

fb.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

114 lines (101 loc) · 1.96 KB

 main

/

fb.css

Copy path

Top

File metadata and controls

• Code
• Blame

114 lines (101 loc) · 1.96 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

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

body {

font-family: Arial, sans-serif;

background-color: #f0f2f5;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

}

.container {

display: flex;

max-width: 980px;

width: 100%;

justify-content: space-between;

align-items: center;

}

.left-section {

width: 40%;

}

.logo {

color: #1877f2;

font-size: 40px;

font-weight: bold;

}

.add-account {

width: 150px;

height: 180px;

background: white;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

border-radius: 8px;

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

margin-top: 20px;

}

.plus-icon {

width: 50px;

height: 50px;

background-color: #1877f2;

color: white;

font-size: 30px;

font-weight: bold;

display: flex;

align-items: center;

justify-content: center;

border-radius: 50%;

margin-bottom: 10px;

}

.right-section {

width: 40%;

}

.login-box {

background: white;

padding: 20px;

border-radius: 8px;

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

text-align: center;

}

input {

width: 100%;

padding: 10px;

margin: 10px 0;

border: 1px solid #ddd;

border-radius: 5px;

}

.login-btn {

width: 100%;

padding: 10px;

background-color: #1877f2;

color: white;

font-size: 16px;

border: none;

border-radius: 5px;

cursor: pointer;

}

.forgot-password {

display: block;

margin-top: 10px;

color: #1877f2;

text-decoration: none;

font-size: 14px;

}

hr {

margin: 15px 0;

border: 0.5px solid #ddd;

}

.create-account {

background-color: #42b72a;

color: white;

padding: 10px;

font-size: 16px;

border: none;

border-radius: 5px;

cursor: pointer;

}

.create-page {

text-align: center;

margin-top: 15px;

font-size: 14px;

}