Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
surya-dev-singh
GitHub Repository: surya-dev-singh/BITB-framwork
 Path: blob/main/style2.css
500 views
1
* {

2
    padding: 0;

3
    margin: 0;

4
    box-sizing: border-box;

5
 }

6
 html,body{

7
     width: 100%;

8
     height: 100%;

9
     padding-top: 3%;

10
 }

11
 #full{

12
     width: 70%;

13
     height: 70%;

14
     position: absolute;

15
     /* background-color: rgb(107, 124, 126); */

16
     margin-left: 12%;

17


18
 }

19
 

20
 #main{

21
    width: 90%;

22
    height: 90%;

23
    position: absolute;

24
    display: flex;

25
     left:50%;

26
     top: 50%;

27
     transform: translate(-50% , -50% );

28
     border-radius: 10px;

29
    

30
    overflow: hidden;

31
    box-shadow: 0 3px  6px 0  #e9e8e8;

32
 }

33


34
 #left{

35
     width: 40%;

36
     height: 100%;

37
     background-color: rgb(31, 137, 118);

38
     font-family: open sans;

39
     color: white;

40
     position: relative;

41
    

42
    

43
 }

44
 #right{

45
     width: 60%;

46
     height: 100%;

47
     background-color: rgb(255, 255, 255);

48
     position: relative;

49
    

50
 }

51
 #social{

52
     display: flex;

53
     width: 140px;

54
     align-items: center;

55
     justify-content: space-between;

56
     margin-left: 200px;

57
     margin-bottom: 15px;

58
     margin-top: 15px;

59
 }

60
 .icon{

61
     width: 35px;

62
     height: 35px;

63
     border-radius: 100%;

64
     background-color: rgb(243, 243, 243);

65
     box-shadow: 0 4px  7px 0  hsla(215, 21%, 74%, 0.862);

66
     position: relative;

67
 }

68


69
 i{

70
     position: absolute;

71
     left:50%;

72
     top: 50%;

73
     transform: translate(-50% , -50% );

74
     font-size: 17px;

75
     font-weight: 800;

76
     color: black;

77
     box-shadow: #f0f0f0;

78
     

79


80
 }

81
 #box{

82
     width: 300px;

83
     height: 500px;

84
 }

85
 .fild{

86
    

87
    margin-top: 30px;

88
}

89


90
.fild input{

91
    width: 250px;

92
    height: 35px;

93
    margin-bottom: 10px;

94
    border: none;

95
    background-color: #f0f0f0ef;

96
    padding: 10px;

97
    border-radius: 5px;

98
    font-size: 12px;

99
    margin-left: 150px;

100
    

101
}

102
#lcontent{

103
    width: 80%;

104
    height: 80%;

105
   

106
    position: absolute;

107
    left: 50%;

108
    top: 50%;

109
    transform: translate(-50%,-50%);

110
    padding: ;

111
}

112
#rcontent{

113
    width: 80%;

114
    height: 80%;

115
    position: absolute;

116
    left: 50%;

117
    top: 50%;

118
    transform: translate(-50%,-50%);

119
    padding: ;

120
}

121
#create_account{

122
    font-family: open sans;

123
    color:  rgb(0, 0, 0);

124
    font-size: 25px;

125
    font-weight: 800;

126
    margin-left: 175px;

127
    margin-top: 30px;

128
    

129
}

130
h3{

131
   margin-top: 85px;

132
    font-family: open sans;

133
    

134
    font-weight: 600;

135
    font-size: 25px;

136
}

137
h5{

138
    font-size: 12px;

139
    align-items: center;

140
    margin-left: 170px;

141
    margin-bottom: 25px;

142
    margin-top: 30px;

143
    font-family: open sans;

144
    opacity: 0.5;

145
    color: black;

146
    

147
}

148
p{

149
    font-size: 12px;

150
    align-items: center;

151
    

152
    margin-bottom: 20px;

153
    margin-top: 20px;

154
    font-family: open sans;

155
    font-weight: 300;

156
}

157
button{

158
    width: 150px;

159
    height: 40px;

160
    border-radius: 25px;

161
    border: 1px solid white;

162
    color: #000000;

163
    background-color: rgb(195, 202, 203);

164
    margin-top: 30px;

165
    margin-bottom: 30px;

166
    margin-left: 200px;

167
    font-size: 12px;

168
}

169


170
#button

171
{

172
    width: 150px;

173
    height: 40px;

174
    border-radius: 25px;

175
    border: 1px solid rgb(255, 255, 255);

176
    color: rgb(31, 137, 118);

177
    background-color: rgb(207, 204, 204);   

178
    text-align: center;

179
    padding: 8px;  

180
    margin-top: 40px;

181
    padding-top: 10px;

182
    font-size: 12px;

183
    font-weight: bolder;

184
    

185
 

186
}

187
h1{

188
     font-family: open sans;

189
     font-size: small;

190
     margin: 10px;

191
}

192