File tree Expand file tree Collapse file tree 1 file changed +63
-64
lines changed
Source-Code/LanguageTranslator Expand file tree Collapse file tree 1 file changed +63
-64
lines changed Original file line number Diff line number Diff line change 11body {
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