File tree 1 file changed +63
-64
lines changed
Source-Code/LanguageTranslator
1 file changed +63
-64
lines changed Original file line number Diff line number Diff line change 1
1
body {
2
- font-family : Arial, sans-serif;
3
- background-color : # a4bef2 ;
4
- margin : 0 ;
5
- padding : 0 ;
6
- display : flex;
7
- justify-content : center;
8
- align-items : center;
9
- height : 100vh ;
10
- }
11
-
12
- .container {
13
- text-align : center;
14
- background : white;
15
- padding : 20px ;
16
- border-radius : 10px ;
17
- box-shadow : 0 4px 6px rgba (0 , 0 , 0 , 0.1 );
18
- min-width : 500px ;
19
- }
20
-
21
- h1 {
22
- font-size : 24px ;
23
- margin-bottom : 20px ;
24
- }
25
-
26
- .translator {
27
- display : flex;
28
- flex-direction : column;
29
- }
30
-
31
- textarea {
32
- width : 90% ;
33
- height : 100px ;
34
- margin : 10px ;
35
- padding : 10px ;
36
- border : 1px solid # ccc ;
37
- border-radius : 5px ;
38
- resize : none;
39
- }
40
-
41
- .controls {
42
- display : flex;
43
- justify-content : space-around;
44
- align-items : center;
45
- }
46
-
47
- select {
48
- padding : 10px ;
49
- border-radius : 5px ;
50
- border : 1px solid # ccc ;
51
- }
52
-
53
- button {
54
- padding : 10px 15px ;
55
- background-color : # 007bff ;
56
- color : white;
57
- border : none;
58
- border-radius : 5px ;
59
- cursor : pointer;
60
- }
61
-
62
- button : hover {
63
- background-color : # 0056b3 ;
64
- }
65
-
2
+ font-family : Arial, sans-serif;
3
+ background-color : # a4bef2 ;
4
+ margin : 0 ;
5
+ padding : 0 ;
6
+ display : flex;
7
+ justify-content : center;
8
+ align-items : center;
9
+ height : 100vh ;
10
+ }
11
+
12
+ .container {
13
+ text-align : center;
14
+ background : white;
15
+ padding : 20px ;
16
+ border-radius : 10px ;
17
+ box-shadow : 0 4px 6px rgba (0 , 0 , 0 , 0.1 );
18
+ min-width : 500px ;
19
+ }
20
+
21
+ h1 {
22
+ font-size : 24px ;
23
+ margin-bottom : 20px ;
24
+ }
25
+
26
+ .translator {
27
+ display : flex;
28
+ flex-direction : column;
29
+ }
30
+
31
+ textarea {
32
+ width : 90% ;
33
+ height : 100px ;
34
+ margin : 10px ;
35
+ padding : 10px ;
36
+ border : 1px solid # ccc ;
37
+ border-radius : 5px ;
38
+ resize : none;
39
+ }
40
+
41
+ .controls {
42
+ display : flex;
43
+ justify-content : space-around;
44
+ align-items : center;
45
+ }
46
+
47
+ select {
48
+ padding : 10px ;
49
+ border-radius : 5px ;
50
+ border : 1px solid # ccc ;
51
+ }
52
+
53
+ button {
54
+ padding : 10px 15px ;
55
+ background-color : # 007bff ;
56
+ color : white;
57
+ border : none;
58
+ border-radius : 5px ;
59
+ cursor : pointer;
60
+ }
61
+
62
+ button : hover {
63
+ background-color : # 0056b3 ;
64
+ }
You can’t perform that action at this time.
0 commit comments