Skip to content

Commit d1fca9b

Browse files
ThanksUniverseThanksUniverse
committed
Finish -- Debug
1 parent d619452 commit d1fca9b

6 files changed

Lines changed: 496 additions & 167 deletions

File tree

‎css/calc.css‎

Lines changed: 119 additions & 119 deletions
Original file line numberDiff line numberDiff line change
@@ -1,202 +1,202 @@
1-
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap');
1+
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap");
22
* {
3-
box-sizing: border-box;
4-
margin: 0;
5-
padding: 0;
3+
box-sizing: border-box;
4+
margin: 0;
5+
padding: 0;
66
}
77

88
html {
9-
font-size: 62.5%;
10-
background-color: #eaeaea;
9+
font-size: 62.5%;
10+
background-color: #eaeaea;
1111
}
1212

1313
body {
14-
font-family: 'Poppins', sans-serif;
15-
font-size: 1.4rem;
16-
height: 100vh;
17-
overflow: hidden;
14+
font-family: "Poppins", sans-serif;
15+
font-size: 1.4rem;
16+
height: 100vh;
17+
overflow: hidden;
1818
}
1919

2020
.dark-mode {
21-
background-color: rgb(70, 70, 70);
21+
background-color: rgb(70, 70, 70);
2222
}
2323

2424
header {
25-
width: 100%;
25+
width: 100%;
2626
}
2727

2828
header img {
29-
width: 40;
30-
height: 40px;
31-
border-radius: 50%;
32-
max-width: 100%;
33-
margin: 0 10px;
34-
position: relative;
35-
box-shadow: 0px 0px 5px 4px black;
36-
background-color: gray;
37-
transition: all 1s;
38-
display: block;
39-
float: left;
29+
width: 40;
30+
height: 40px;
31+
border-radius: 50%;
32+
max-width: 100%;
33+
margin: 0 10px;
34+
position: relative;
35+
box-shadow: 0px 0px 5px 4px black;
36+
background-color: gray;
37+
transition: all 1s;
38+
display: block;
39+
float: left;
4040
}
4141

4242
header img:hover {
43-
filter: brightness(150%);
44-
box-shadow: none;
45-
transform: translateY(5px);
46-
background-color: yellow;
43+
filter: brightness(150%);
44+
box-shadow: none;
45+
transform: translateY(5px);
46+
background-color: yellow;
4747
}
4848

4949
header h3 {
50-
text-align: center;
51-
padding: 20px;
52-
background-color: yellow;
53-
width: 25%;
54-
border-radius: 12px;
55-
border: 1px solid wheat;
56-
margin: 0 auto;
57-
position: relative;
58-
transition: all 1s;
50+
text-align: center;
51+
padding: 20px;
52+
background-color: yellow;
53+
width: 25%;
54+
border-radius: 12px;
55+
border: 1px solid wheat;
56+
margin: 0 auto;
57+
position: relative;
58+
transition: all 1s;
5959
}
6060

6161
a {
62-
text-decoration: none;
63-
color: inherit;
62+
text-decoration: none;
63+
color: inherit;
6464
}
6565

6666
header h3:hover {
67-
filter: brightness(150%) opacity(80%);
68-
background-color: green;
69-
cursor: pointer;
70-
transform: translateY(10px);
67+
filter: brightness(150%) opacity(80%);
68+
background-color: green;
69+
cursor: pointer;
70+
transform: translateY(10px);
7171
}
7272

7373
iframe {
74-
position: absolute;
75-
height: 300px;
76-
width: 500px;
77-
background-color: gray;
74+
position: absolute;
75+
height: 300px;
76+
width: 500px;
77+
background-color: gray;
7878
}
7979

8080
.form-container {
81-
width: 300px;
82-
background-color: #ffffff;
83-
border-radius: 10px;
84-
box-shadow: 1px 1px 5px 1px black;
85-
margin: 0 auto;
86-
margin-top: 35vh;
87-
padding: 10px;
88-
text-align: center;
89-
display: block;
81+
width: 300px;
82+
background-color: #ffffff;
83+
border-radius: 10px;
84+
box-shadow: 1px 1px 5px 1px black;
85+
margin: 0 auto;
86+
margin-top: 35vh;
87+
padding: 10px;
88+
text-align: center;
89+
display: block;
9090
}
9191

9292
.form-container h4 {
93-
text-align: center;
94-
color: green;
93+
text-align: center;
94+
color: green;
9595
}
9696

9797
.notas {
98-
background-color: #fcfcfc;
99-
border-radius: 10px;
98+
background-color: #fcfcfc;
99+
border-radius: 10px;
100100
}
101101

102102
.notas input {
103-
padding: 1px;
104-
margin: 5px;
105-
width: 80px;
103+
padding: 1px;
104+
margin: 5px;
105+
width: 80px;
106106
}
107107

108108
.button button {
109-
padding: 2px;
110-
margin: 10px auto;
111-
display: block;
112-
text-align: center;
113-
border: 1px solid rgba(0, 0, 0, 0.4);
114-
border-radius: 4px;
115-
width: 50%;
109+
padding: 2px;
110+
margin: 10px auto;
111+
display: block;
112+
text-align: center;
113+
border: 1px solid rgba(0, 0, 0, 0.4);
114+
border-radius: 4px;
115+
width: 50%;
116116
}
117117

118118
.button #button0 {
119-
background-color: darkblue;
120-
color: white;
121-
margin-top: 2px;
119+
background-color: darkblue;
120+
color: white;
121+
margin-top: 2px;
122122
}
123123

124124
.button button:hover {
125-
border: 1px solid black;
125+
border: 1px solid black;
126126
}
127127

128128
.resultado #resultado {
129-
text-align: center;
129+
text-align: center;
130130
}
131131

132132
.resultado input {
133-
padding: 2px;
134-
border-radius: 4px;
135-
font-size: 1.6rem;
136-
background-color: black;
133+
padding: 2px;
134+
border-radius: 4px;
135+
font-size: 1.6rem;
136+
background-color: black;
137137
}
138138

139139
.situacao input {
140-
width: 100%;
141-
color: transparent;
142-
border: 0;
143-
border-radius: 10px;
144-
text-align: center;
145-
background-color: purple;
140+
width: 100%;
141+
color: transparent;
142+
border: 0;
143+
border-radius: 10px;
144+
text-align: center;
145+
background-color: purple;
146146
}
147147

148148
.clean #button1 {
149-
padding: 2px;
150-
margin: 0px auto;
151-
display: block;
152-
text-align: center;
153-
border: 1px solid rgba(0, 0, 0, 0.4);
154-
border-radius: 4px;
155-
width: 30%;
156-
background-color: #ff0000;
157-
color: white;
158-
margin-bottom: 3px;
149+
padding: 2px;
150+
margin: 0px auto;
151+
display: block;
152+
text-align: center;
153+
border: 1px solid rgba(0, 0, 0, 0.4);
154+
border-radius: 4px;
155+
width: 30%;
156+
background-color: #ff0000;
157+
color: white;
158+
margin-bottom: 3px;
159159
}
160160

161161
.clean #button1:hover {
162-
border: 1px solid black;
162+
border: 1px solid black;
163163
}
164164

165165
footer {
166-
position: absolute;
167-
bottom: 0;
168-
width: 100%;
169-
text-align: center;
170-
background-color: rgba(0, 0, 0, 0.1);
166+
position: absolute;
167+
bottom: 0;
168+
width: 100%;
169+
text-align: center;
170+
background-color: rgba(0, 0, 0, 0.1);
171171
}
172172

173173
footer a {
174-
text-decoration: none;
175-
color: orangered;
174+
text-decoration: none;
175+
color: orangered;
176176
}
177177

178178
.form-container1 {
179-
width: 300px;
180-
background-color: #ffffff;
181-
border-radius: 10px;
182-
box-shadow: 1px 1px 5px 1px black;
183-
margin: 5px auto;
184-
padding: 10px;
185-
text-align: center;
186-
display: block;
179+
width: 300px;
180+
background-color: #ffffff;
181+
border-radius: 10px;
182+
box-shadow: 1px 1px 5px 1px black;
183+
margin: 5px auto;
184+
padding: 10px;
185+
text-align: center;
186+
display: block;
187187
}
188188

189189
.mensagem {
190-
width: 300px;
191-
background-color: transparent;
192-
border-radius: 10px;
193-
box-shadow: 1px 1px 5px 1px black;
194-
margin: 5px auto;
195-
padding: 10px;
196-
text-align: center;
197-
display: block;
190+
width: 300px;
191+
background-color: transparent;
192+
border-radius: 10px;
193+
box-shadow: 1px 1px 5px 1px black;
194+
margin: 5px auto;
195+
padding: 10px;
196+
text-align: center;
197+
display: block;
198198
}
199199

200200
.erro {
201-
border-color: red;
201+
border-color: red;
202202
}

0 commit comments

Comments
 (0)