Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to content

Commit 4cb39f0

Browse files
committed
Add styles
1 parent e90b01b commit 4cb39f0

File tree

1 file changed

+76
-0
lines changed

1 file changed

+76
-0
lines changed

Source-Code/WeightConverter/style.css

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
body{
2+
background: linear-gradient(to left, aqua, rgb(0, 128, 255));
3+
line-height: 0.5;
4+
text-align: center;
5+
}
6+
7+
.main{
8+
width: 500px;
9+
padding-bottom: 100;
10+
position: absolute;
11+
top:40%;
12+
left:50%;
13+
transition:0.25px;
14+
transform: translate(-50%,-50%);
15+
justify-items: center;
16+
text-align: center;
17+
}
18+
19+
.container{
20+
display: flex;
21+
flex-direction: column;
22+
align-items: center;
23+
}
24+
.card{
25+
box-shadow: 0 4px 8px 0;
26+
transition: 0.4s;
27+
width: 300px;
28+
text-align: center;
29+
font-size: 16px;
30+
float: left;
31+
margin: 10px;
32+
}
33+
34+
h1{
35+
font-size: 30px;
36+
color: antiquewhite;
37+
text-align: center;
38+
}
39+
40+
.values{
41+
width: 240px;
42+
text-align: center;
43+
border: 2px solid transparent;
44+
border-radius: 5px;
45+
font-size: 20;
46+
padding: 10px 0px;
47+
transition: border 0.5px;
48+
}
49+
li{
50+
list-style-type: none;
51+
}
52+
ul{
53+
display: flex;
54+
flex-direction: column;
55+
gap: 15px;
56+
justify-content: flex-start;
57+
}
58+
59+
.buttons{
60+
border:3px solid;
61+
background-color: rgb(40, 211, 40);
62+
color: white;
63+
font-size: 16px;
64+
border-radius: 5px;
65+
cursor: pointer;
66+
text-align: center;
67+
width: 80px;
68+
height: 40px;
69+
margin-left: 40px;
70+
}
71+
72+
73+
label{
74+
font-size: 20px;
75+
}
76+

0 commit comments

Comments
 (0)